1. 线性布局

  1. <LinearLayout 
  2.     xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:orientation="horizontal"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="match_parent">
  6.  </LinearLayout>

1. android:orientation

指定线性排列方向，可选值有vertical和horizontal。

2. android:layout_gravity

指定控件在布局中的对齐方式。

3. android:layout_weight

允许我们使用比例的方式来指定控件的大小。

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:orientation="horizontal"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="match_parent">
  6.     <EditText
  7.         android:id="@+id/input_mesage"
  8.         android:layout_width="0dp"
  9.         android:layout_height="wrap_content"
  10.         android:layout_weight="1"
  11.         android:hint="Type Something">
  13.     </EditText>
  15.     <Button
  16.         android:id="@+id/button1"
  17.         android:layout_width="0dp"
  18.         android:layout_height="wrap_content"
  19.         android:layout_weight="2"
  20.         android:text="Send">
  21.     </Button>
  22.   </LinearLayout>

1.png
类似于前端中的flex布局，通过比例分配控件的占用空间。

在指定宽度或者高度为0dp时，需要指定layout_weight。

2. 相对布局

RelativeLayout又称作为相对布局，是一种非常常用的布局。

1. 相对父布局

  1. <!--相对布局-->
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent">
  5. <!-- 左上角对齐-->
  6.     <Button
  7.         android:id="@+id/button1"
  8.         android:layout_width="wrap_content"
  9.         android:layout_height="wrap_content"
  10.         android:layout_alignParentLeft="true"
  11.         android:layout_alignParentTop="true"
  12.         android:text="button1"
  13.         ></Button>
  14. <!--右上角对齐-->
  15.     <Button
  16.         android:id="@+id/button2"
  17.         android:layout_width="wrap_content"
  18.         android:layout_height="wrap_content"
  19.         android:layout_alignParentRight="true"
  20.         android:layout_alignParentTop="true"
  21.         android:text="button2"
  22.         ></Button>
  23. <!--居中对齐-->
  24.     <Button
  25.         android:id="@+id/button3"
  26.         android:layout_width="wrap_content"
  27.         android:layout_height="wrap_content"
  28.         android:layout_centerInParent="true"
  30.         android:text="button3"
  31.         ></Button>
  32. <!--左下角对齐-->
  33.     <Button
  34.         android:id="@+id/button4"
  35.         android:layout_width="wrap_content"
  36.         android:layout_height="wrap_content"
  37.         android:layout_alignParentBottom="true"
  38.         android:layout_alignParentLeft="true"
  39.         android:text="button4"
  40.         ></Button>
  41. <!--右下角对齐-->
  42.     <Button
  43.         android:id="@+id/button5"
  44.         android:layout_width="wrap_content"
  45.         android:layout_height="wrap_content"
  46.         android:layout_alignParentBottom="true"
  47.         android:layout_alignParentRight="true"
  48.         android:text="button5"
  49.         ></Button>
  50. </RelativeLayout>

22.png

2. 相对控件

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     android:layout_width="match_parent"
  3.     android:layout_height="match_parent">
  5.     <Button
  6.         android:id="@+id/button1"
  7.         android:layout_width="wrap_content"
  8.         android:layout_height="wrap_content"
  9.         android:layout_above="@+id/button3"
  10.         android:layout_toLeftOf="@+id/button3"
  11.         android:text="button1"
  12.         ></Button>
  14.     <Button
  15.         android:id="@+id/button2"
  16.         android:layout_width="wrap_content"
  17.         android:layout_height="wrap_content"
  18.         android:layout_above="@+id/button3"
  19.         android:layout_toRightOf="@+id/button3"
  20.         android:text="button2"
  21.         ></Button>
  23.     <Button
  24.         android:id="@+id/button3"
  25.         android:layout_width="wrap_content"
  26.         android:layout_height="wrap_content"
  27.         android:layout_centerInParent="true"
  29.         android:text="button3"
  30.         ></Button>
  32.     <Button
  33.         android:id="@+id/button4"
  34.         android:layout_width="wrap_content"
  35.         android:layout_height="wrap_content"
  36.         android:layout_below="@+id/button3"
  37.         android:layout_toLeftOf="@+id/button3"
  38.         android:text="button4"
  39.         ></Button>
  41.     <Button
  42.         android:id="@+id/button5"
  43.         android:layout_width="wrap_content"
  44.         android:layout_height="wrap_content"
  45.         android:layout_below="@+id/button3"
  46.         android:layout_toRightOf="@+id/button3"
  47.         android:text="button5"
  48.         ></Button>
  49. </RelativeLayout>

33.png

3. 帧布局

FrameLayout又称作帧布局，这种布局没有方便的定位方式，所有控件都会默认摆放在布局的左上角。

4. 百分比布局

AndroidX迁移——弃用support库指南

Android开发笔记:布局控件(四) 百分比布局