什么是RelativeLayout？

相對(duì)布局（RelativeLayout）是一種根據(jù)父容器和兄弟控件作為參照來(lái)確定控件位置的布局方式。

根據(jù)父容器定位
在相對(duì)布局中，可以通過(guò)以下的屬性讓的組合讓控件處于父容器左上角、右上角、左下角、右下角、上下左右居中，正居中等九個(gè)位置。屬性如下：

1. android:layout_alignParentLeft=“true” 父容器左邊
2. android:layout_alignParentRight=“true” 父容器右邊
3. android:layout_alignParentTop=“true” 父容器頂部
4. android:layout_alignParentBottom=“true” 父容器底部
5. android:layout_centerHorizontal=“true” 水平方向居中
6. android:layout_centerVertical=“true” 垂直方向居中
7. android:layout_centerInParent=“true” 水平垂直都居中

根據(jù)兄弟控件定位
在相對(duì)布局中，還支持通過(guò)已確定位置的控件作為參考來(lái)確定其他控件的位置，以下的屬性讓的組合讓控件處于另外控件左上角、右上角、左下角、右下角、正上方、正下方、正左方、正右方等位置。屬性如下：

1. android:layout_toLeftOf=“@+id/button1” 在button1控件左方
2. android:layout_toRightOf=“@+id/button1” 在button1控件右方
3. android:layout_above=“@+id/button1” 在button1控件上方
4. android:layout_below=“@+id/button1” 在button1控件下方
5. android:layout_alignLeft=“@+id/button1” 與button1控件左邊平齊
6. android:layout_alignRight=“@+id/button1” 與button1控件右邊平齊
7. android:layout_alignTop=“@+id/button1” 與button1控件上邊平齊
8. android:layout_alignBottom=“@+id/button1” 與button1控件下邊平齊

RelativeLayout的常見(jiàn)用法：

第一種情況：常用的列表頁(yè)布局：

    <RelativeLayoutandroid:layout_width="match_parent"android:layout_height="match_parent">// 標(biāo)題<includeandroid:id="@+id/title_layout"layout="@layout/title_layout"/>// 1.android:layout_below="@+id/title_layout"；這個(gè)布局在title的下方// 2.android:layout_marginBottom="60dp"；指定該屬性所在控件距下部最近控件的最小值；<androidx.swiperefreshlayout.widget.SwipeRefreshLayoutandroid:id="@+id/sw_layout"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_below="@+id/title_layout"android:layout_marginBottom="60dp"><androidx.recyclerview.widget.RecyclerViewandroid:id="@+id/recyclerview"android:layout_width="match_parent"android:layout_height="match_parent" /></androidx.swiperefreshlayout.widget.SwipeRefreshLayout>// 3.android:layout_alignParentBottom="true"；在父容器底部<LinearLayoutandroid:layout_alignParentBottom="true"><Buttonandroid:id="@+id/material_apply"android:layout_width="match_parent"android:layout_height="match_parent"/></LinearLayout></RelativeLayout>

第二種情況：常用的搜索抽屜布局：
搜索欄有很多，有滾動(dòng)條，重置與搜索按鈕在最底部。

    <RelativeLayout>// 1. 添加滾動(dòng)條<androidx.core.widget.NestedScrollViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:paddingHorizontal="20dp">// 2. 搜索欄需要 占滿全屏 <LinearLayoutandroid:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"><TextViewstyle="@style/select_title"android:text="@string/material_type" /><androidx.recyclerview.widget.RecyclerViewandroid:id="@+id/madetails_recyclerview"android:layout_width="match_parent"android:layout_height="wrap_content"android:layout_marginTop="20dp" /><TextViewstyle="@style/select_title"android:layout_marginTop="20dp"android:text="@string/name_of_goods" /><EditTextandroid:id="@+id/madetails_name_of_goods"style="@style/select_ed"android:background="@drawable/select_ed_background"android:hint="@string/name_of_goods" /><TextViewstyle="@style/select_title"android:layout_marginTop="20dp"android:text="@string/model_of_goods" /><EditTextandroid:id="@+id/madetails_model_of_goods"style="@style/select_ed"android:background="@drawable/select_ed_background"android:hint="@string/model_of_goods" /><TextViewstyle="@style/select_title"android:layout_marginTop="20dp"android:text="@string/specification_of_goods" /><EditTextandroid:id="@+id/madetails_specification_of_goods"style="@style/select_ed"android:background="@drawable/select_ed_background"android:hint="@string/specification_of_goods" /><TextViewstyle="@style/select_title"android:layout_marginTop="20dp"android:text="@string/code_of_goods" /><EditTextandroid:id="@+id/madetails_code_of_goods"style="@style/select_ed"android:background="@drawable/select_ed_background"android:hint="@string/code_of_goods" /></LinearLayout></androidx.core.widget.NestedScrollView>// 3. android:layout_alignParentBottom="true"；相對(duì)于根元素布局，在根元素的底部。<LinearLayoutstyle="@style/select_bottom_layout"android:layout_alignParentBottom="true"><Buttonandroid:id="@+id/reset_btn"android:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="2"android:background="@color/dark_blue"android:text="@string/reset"android:textColor="@color/white"android:textSize="22dp" /><Buttonandroid:id="@+id/filter_btn"android:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="3"android:background="@color/colorAccent"android:text="@string/filter"android:textColor="@color/white"android:textSize="22dp" /></LinearLayout></RelativeLayout>

類似于這種布局的做法：1.上面的元素需要占滿全屏 2.下面的按鈕 android:layout_alignParentBottom="true" 相對(duì)父元素布局，在父元素的底部。

第三種情況：子頁(yè)面展示項(xiàng)

<?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"android:orientation="vertical""><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="vertical"><!--1. android:layout_alignParentLeft="true": 父容器左邊android:layout_alignParentRight="true" 父容器右邊android:layout_centerInParent="true" 水平垂直都居中--><RelativeLayout android:layout_width="match_parent"android:layout_height="60px"><TextViewandroid:layout_alignParentLeft="true"android:layout_centerInParent="true"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="測(cè)試" /><TextViewandroid:id="@+id/apply_form_tv"android:layout_alignParentRight="true"android:layout_centerInParent="true"android:layout_width="wrap_content"android:layout_height="wrap_content"tools:text="測(cè)試" /></RelativeLayout><!--測(cè)試--><RelativeLayout style="@style/sub_line"><TextViewandroid:layout_alignParentLeft="true"android:layout_centerInParent="true"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="測(cè)試" /><TextViewandroid:id="@+id/apply_form_tv"android:layout_alignParentRight="true"android:layout_centerInParent="true"android:layout_width="wrap_content"android:layout_height="wrap_content"tools:text="測(cè)試" /></RelativeLayout></LinearLayout></RelativeLayout>

對(duì)于這種展示形布局或者說(shuō)是提交型布局：1.<LinearLayout 標(biāo)簽可以讓其下的子布局頁(yè)面豎向排列 2.<RelativeLayout 標(biāo)簽：位于父容器左邊與父容器右邊，且水平豎直居中。