1 相對(duì)布局的概念
相對(duì)布局是通過(guò)相對(duì)定位的方式制定控件位置，即以其他控件或父容器為參照物擺放控件位置，在設(shè)計(jì)相對(duì)布局時(shí)，要遵循控件之間的依賴關(guān)系。
相對(duì)布局以一對(duì)<RelativeLayout></RelativeLayout>標(biāo)簽標(biāo)識(shí)。
每個(gè)控件都可以有一個(gè)id屬性，用來(lái)標(biāo)識(shí)自己的身份。
例如：為一個(gè)Button控件添加id
<Button id="@+id/btn_name/>
2 基本屬性
1 相對(duì)于父組件的位置，值為true 或 false
| 屬性 | 含義 |
|---|---|
| android:layout_alignParentTop | 將該控件的頂部與其父控件的頂部對(duì)齊; |
| android:layout_alignParentBottom | 將該控件的底部與其父控件的底部對(duì)齊; |
| android:layout_alignParentLeft | 將該控件的左部與其父控件的左部對(duì)齊; |
| android:layout_alignParentRight | 將該控件的右部與其父控件的右部對(duì)齊; |
| android:layout_centerHorizontal | 將該控件置于水平居中; |
| android:layout_centerVertical | 將該控件置于垂直居中; |
| android:layout_centerInParent | 將該控件置于父控件的中央; |
例如：設(shè)置按鈕id為btn_center的控件處于父控件的中央
<?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">
<Button
android:id="@+id/btn_center"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="center"
android:layout_centerInParent="true"/>
</RelativeLayout>
2 相對(duì)于給定ID控件
| 屬性 | 含義 |
|---|---|
| android:layout_above | 將該控件的底部置于給定ID的控件之上; |
| android:layout_below | 將該控件的底部置于給定ID的控件之下; |
| android:layout_toLeftOf | 將該控件的右邊緣與給定ID的控件左邊緣對(duì)齊; |
| android:layout_toRightOf | 將該控件的左邊緣與給定ID的控件右邊緣對(duì)齊; |
| android:layout_alignBaseline | 將該控件的baseline與給定ID的baseline對(duì)齊; |
| android:layout_alignTop | 將該控件的頂部邊緣與給定ID的頂部邊緣對(duì)齊; |
| android:layout_alignBottom | 將該控件的底部邊緣與給定ID的底部邊緣對(duì)齊; |
| android:layout_alignLeft | 將該控件的左邊緣與給定ID的左邊緣對(duì)齊; |
| android:layout_alignRight | 將該控件的右邊緣與給定ID的右邊緣對(duì)齊; |
例如：設(shè)定id為btn_right的按鈕處于btn_center按鈕的右側(cè)，且與btn_center的基線對(duì)齊
<?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">
<Button
android:id="@+id/btn_center"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="center"
android:layout_centerInParent="true"/>
<Button
android:id="@+id/btn_right"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="right"
android:layout_toRightOf="@id/btn_center"
android:layout_alignBaseline="@id/btn_center"
/>
</RelativeLayout>
3 相對(duì)控件之間的間距屬性
| 屬性 | 含義 |
|---|---|
| android:layout_marginTop | 上偏移的值; |
| android:layout_marginBottom | 下偏移的值; |
| android:layout_marginLeft | 左偏移的值; |
| android:layout_marginRight | 右偏移的值; |
例如：設(shè)定btn_right按鈕的左側(cè)邊距為20dp
<?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">
<Button
android:id="@+id/btn_center"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="center"
android:layout_centerInParent="true"/>
<Button
android:id="@+id/btn_right"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="right"
android:layout_toRightOf="@id/btn_center"
android:layout_alignBaseline="@id/btn_center"
android:layout_marginLeft="20dp"
/>
</RelativeLayout>
4 設(shè)置控件的內(nèi)部間距
| 屬性 | 含義 |
|---|---|
| android:paddingTop | 設(shè)置布局頂部?jī)?nèi)邊距的距離 |
| android:paddingBottom | 設(shè)置布局頂部?jī)?nèi)邊距的距離 |
| android:paddingLeft | 設(shè)置布局頂部?jī)?nèi)邊距的距離 |
| android:paddingRight | 設(shè)置布局頂部?jī)?nèi)邊距的距離 |
| android:paddingpadding | 設(shè)置布局頂部?jī)?nèi)邊距的距離 |
例如設(shè)置btn_center按鈕的頂部?jī)?nèi)邊距為10dp,底部?jī)?nèi)邊距為0dp
<?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">
<Button
android:id="@+id/btn_center"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="center"
android:layout_centerInParent="true"
android:paddingTop="10dp"
android:paddingBottom="0dp"/>
<Button
android:id="@+id/btn_right"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="right"
android:layout_toRightOf="@id/btn_center"
android:layout_alignBaseline="@id/btn_center"
android:layout_marginLeft="20dp"
/>
</RelativeLayout>
