android基礎學習-android篇day15-相對佈局的常用屬性

內容概覽

• -什麼是相對佈局？
• -為什麼要使用相對佈局
• -相對佈局的相關屬性
• -綜合練習

相對佈局屬性：-方向位置

• android:layout_below：當前控制元件的上邊緣對齊指定控制元件的下邊緣(位於指定控制元件的底部)
• android:layout_above：當前控制元件的下邊緣對齊指定控制元件的上邊緣(位於指定控制元件的頂部)
• android:layout_toLeftOf：當前控制元件的右邊緣對齊指定控制元件的左邊緣(位於指定控制元件的左側)
• android:laoyut_toRightOf：當前控制元件的左邊緣對齊指定控制元件的右邊緣(位於指定控制元件的右邊)

相對佈局屬性：-方向對齊

• android:layout_alignTop：當前控制元件的上邊緣對齊指定控制元件的上邊緣對齊
• android:layout_alignLeft：當前控制元件的左邊緣對齊指定控制元件的左邊緣對齊
• android:layout_alignBottom：當前控制元件的下邊緣對齊指定控制元件的下邊緣對齊
• android:layout_alignRight：當前控制元件的右邊緣對齊指定控制元件的右邊緣對齊

相對佈局屬性：-基準線對齊

• android:layout_alignBaseline：為了使兩個控制元件中英文單詞(按照基準線)對齊

相對佈局屬性：-父控制元件邊緣對齊

• android:layout_alignParentTop：當前控制元件的上邊緣對齊(當前控制元件的直接父控制元件)父控制元件的上邊緣對齊
• android:layout_alignParentLeft：當前控制元件的左邊緣對齊(當前控制元件的直接父控制元件)父控制元件的左邊緣對齊
• android:layout_alignParentBottom：當前控制元件的下邊緣對齊(當前控制元件的直接父控制元件)父控制元件的下邊緣對齊
• android:layout_alignParentRight：當前控制元件的右邊緣對齊(當前控制元件的直接父控制元件)父控制元件的右邊緣對齊

相對佈局屬性：-父控制元件中央對齊

• android:layout_centerInParent：當前控制元件與父控制元件水平、垂直方向都對齊
• android:layout_centerVertical：當前控制元件與父控制元件垂直方向都對齊
• android:layout_centerHorizontal：當前控制元件與父控制元件水平方向都對齊

相對佈局新屬性：-頭部尾部物件

• android:layout_alignStart：當前控制元件的頭部與指定控制元件的頭部對齊
• android:layout_alignEnd：當前控制元件的尾部與指定控制元件的尾部對齊
• android:alignParentStart：當前控制元件的頭部與父控制元件的頭部對齊
• android:alignParentEnd：當前控制元件的尾部與父控制元件的頭部對齊

通用屬性

• android:padding：內邊距
• android:layout_margin：外邊距
• android:layout_gravity：當前控制元件與父控制元件的位置
• android:gravity：當前控制元件內容的位置

相對佈局屬性的綜合案例

<?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" >

    <TextView
        android:id="@+id/tv1"
        android:layout_width="80sp"
        android:layout_height="80sp"
        android:layout_centerInParent="true"
        android:background="@color/blue" />

    <TextView
        android:layout_width="80sp"
        android:layout_height="80sp"
        android:layout_above="@+id/tv1"
        android:layout_toLeftOf="@+id/tv1"
        android:background="@color/chartreuse" />

    <TextView
        android:layout_width="80sp"
        android:layout_height="80sp"
        android:layout_above="@+id/tv1"
        android:layout_toRightOf="@+id/tv1"
        android:background="@color/chartreuse" />

    <TextView
        android:layout_width="80sp"
        android:layout_height="80sp"
        android:layout_below="@+id/tv1"
        android:layout_toRightOf="@+id/tv1"
        android:background="@color/chartreuse" />

    <TextView
        android:layout_width="80sp"
        android:layout_height="80sp"
        android:layout_below="@+id/tv1"
        android:layout_toLeftOf="@+id/tv1"
        android:background="@color/chartreuse" />

    <TextView
        android:layout_width="80sp"
        android:layout_height="80sp"
        android:layout_alignParentLeft="true"
        android:background="@color/chartreuse" />

    <TextView
        android:layout_width="80sp"
        android:layout_height="80sp"
        android:layout_alignParentRight="true"
        android:background="@color/chartreuse" />

    <TextView
        android:layout_width="80sp"
        android:layout_height="80sp"
        android:layout_alignParentBottom="true"
        android:background="@color/chartreuse" />

    <TextView
        android:layout_width="80sp"
        android:layout_height="80sp"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:background="@color/chartreuse" />

    <TextView
        android:layout_width="80sp"
        android:layout_height="80sp"
        android:layout_centerVertical="true"
        android:background="@color/chartreuse" />

    <TextView
        android:layout_width="80sp"
        android:layout_height="80sp"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:background="@color/chartreuse" />

</RelativeLayout>