Android自學之路2

線性佈局之後學習相對佈局
兩種佈局簡單的嵌套使用

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    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="#000000"
    />
    <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:id="@+id/ll_1"
    android:layout_width="match_parent"
    android:layout_height="200dp"
    android:layout_below="@id/view_2"
    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="#FF9900"
            android:layout_toRightOf="@id/view_3"
            android:layout_marginLeft="10dp"
            />

    </RelativeLayout>

</LinearLayout>>

</RelativeLayout>

效果如圖