Android-相对布局RelativeLayout-LiuBaoBao

1.最常用属性

toLeftOf：在谁的左边
toRightOf：在谁的右边
alignBottom：跟谁底部对齐
alignParentBottom：跟父空间底部对齐
below：在谁的下边

2.布局

 <View
    android:id="@+id/view_1"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:background="#000000"
    />

<View
    android:id="@+id/view_2"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:background="#000000"
    android:layout_toRightOf="@id/view_1"
    />

把view_2 放到view_1 的右边

3.全部代码

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">

<View
    android:id="@+id/view_1"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:background="#2196F3"
    />

<View
    android:id="@+id/view_2"
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:background="#FF0033"
    android:layout_below="@id/view_1"
    />

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:layout_below="@id/view_2"
    android:orientation="horizontal"
    android:background="#0066ff"
    android:padding="15dp">

    <View
        android:layout_width="100dp"
        android:layout_height="match_parent"
        android:background="#ff0033"
    />
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#000000"
        android:padding="15dp">
        <View
            android:id="@+id/view_3"
            android:layout_width="100dp"
            android:layout_height="match_parent"
            android:background="#ff9900"
            />
        <View
            android:id="@+id/view_4"
            android:layout_width="100dp"
            android:layout_height="match_parent"
            android:background="#550D61"
            android:layout_toRightOf="@id/view_3"
            android:layout_marginLeft="10dp"
            />
    </RelativeLayout>

</LinearLayout>

最终视图：