Android RelativeLayout layout_toLeftOf 不能按预期工作

Question

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#cccccc">

     <!-- LEFT -->
    <FrameLayout 
        android:layout_marginTop="50px"
        android:layout_marginLeft="50px"
        android:layout_width="50px"
        android:layout_height="50px"
        android:background="#ff0000"
        android:id="@+id/lp" />

    <FrameLayout 
        android:layout_width="50px" 
        android:layout_height="100px" 
        android:background="#00ff00"
        android:layout_toRightOf="@id/lp"
        android:layout_alignTop="@id/lp"
        android:id="@+id/lc" />        
    <!-- END LEFT -->

    <!-- RIGHT -->
    <FrameLayout 
        android:layout_marginTop="50px"
        android:layout_marginLeft="300px"
        android:layout_width="50px"
        android:layout_height="50px"
        android:background="#ff0000"
        android:id="@+id/rp" />

    <FrameLayout 
        android:layout_width="50px" 
        android:layout_height="100px" 
        android:background="#00ff00"
        android:layout_toLeftOf="@id/rp"
        android:layout_alignTop="@id/rp"
        android:id="@+id/rc" />        
    <!-- END LEFT -->    
</RelativeLayout>

结果是:

我期望的是:

为什么它不起作用？

Answer 1

这里是我的答案让它工作:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:background="#cccccc">

     <!-- LEFT -->
    <View
        android:layout_alignParentLeft="true"
        android:layout_marginTop="50dp"
        android:layout_marginLeft="50dp"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="#ff0000"
        android:id="@+id/lp" />

    <View 
        android:layout_width="50dp" 
        android:layout_height="100dp" 
        android:background="#00ff00"
        android:layout_toRightOf="@id/lp"
        android:layout_alignTop="@id/lp"
        android:id="@+id/lc" />        
    <!-- END LEFT -->

    <!-- RIGHT -->
    <View
        android:layout_alignParentRight="true" 
        android:layout_marginTop="50dp"
        android:layout_marginRight="50dp"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="#ff0000"
        android:id="@+id/rp" />

    <View 
        android:layout_width="50dp" 
        android:layout_height="100dp" 
        android:background="#00ff00"
        android:layout_toLeftOf="@id/rp"
        android:layout_alignTop="@id/rp"
        android:id="@+id/rc" />        
    <!-- END LEFT -->    
</RelativeLayout>

不要使用 px。使用 dip/dp(独立像素)。此外，要创建彩色 block ，您只需要一个 View ，但这取决于其中的内容。

阅读本教程，我发现它对布局非常有用 - http://www.learn-android.com/2010/01/05/android-layout-tutorial/5/