Android常用的基础布局容器
Android 的UI 可以分为两类，一类叫做ViewGroup容器,一类叫做View视图
View视图：(TextView,Button,ImageView)都是常用常见的视图.
ViewGroup容器：内部可以承载、放置、添加View视图
基础布局容器
LinearLayout线性布局:横着或竖着按顺序排列
RelativeLayout相对布局:起始坐标时屏幕坐上角，以同级或上级为参考系定位位置
FrameLayout帧布局:像千层饼一样，一层压着一层
ConstraintLayout约束布局:google于2016年新发布的一种布局方式，它不在android的基础api包里，需要额外引入
AbsoluteLayout绝对布局（以屏幕左上角为参考系，定位自己的位置，从android 2.2版本后废弃）
GridLayout网格布局（可以指定行数列数，子控件自动根据行列数进行分配位置，于android 4.0后新增进api中）
TableLayout表格布局（类似于网格布局，以一个TableRow标签定义为一行或一列）
线性布局LinearLayout
线性布局就是从左到右或从上到下按顺序排列的一种布局。下面讲一讲LinearLayout的基础属性。
效果展示
android:orientation ="vertical"所有子视图纵向摆放
android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center" //子视图相对父视图居中显示 android:orientation="vertical"> //所有子视图纵向摆放 android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="普通按钮" /> android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="普通按钮" /> android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="普通按钮" /> android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="普通按钮" />
android:orientation ="horizontal"所有子视图横向摆放
android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center" //子视图相对父视图居中显示 android:orientation="horizontal"> //所有子视图横向摆放 ......... 省略
相对布局RelativeLayout
相对布局在摆放子视图位置时，按照指定的参考系来摆放子视图的位置，默认以屏幕左上角(0,0)位置作为参考系摆放位置
**相对于父元素 **7个常用属性
属性
可选值
说明
layout_alignParentTop
true/false
是否让控件相对于父容器顶部对齐
layout_alignParentBottom
true/false
是否让控件相对于父容器底部对齐
layout_alignParentLeft
true/false
是否让控件相对于父容器左边对齐
layout_alignParentRight
true/false
是否让控件相对于父容器右边对齐
layout_centerHorizontal
true/false
相对父容器水平居中显示
layout_centerVertical
true/false
相对父容器垂直居中显示
centerInParent
true/false
相对父容器居中显示
**相对于兄弟元素 **4个常用属性
属性
可选值
说明
layout_above
@+id/
指定在那个控件的上侧
layout_below
@+id/
指定在那个控件的上侧
android:layout_toLeftOf
@+id/
指定在那个控件的左侧
android:layout_toRightOf
@+id/
指定在那个控件的右侧
相对于兄弟元素的对齐方式
属性
可选值
说明
layout_alignLeft
@+id/
该控件的左边沿与指定控件的左边对齐
layout_aliginRight
@+id/
该控件的右边沿与指定控件的右边对齐
layout_alignTop
@+id/
该控件的上边沿与指定控件的上边沿对齐
layout_alignBottom
@+id/
该控件的下边沿与指定控件的下边沿对齐
效果演示
使用layout_below使得后面一个组件位于前面一个组件的下方
配合layout_toRightOf使得后面一个组件位于前面一个组件的右方
android:layout_width="match_parent" android:layout_height="match_parent"> android:id="@+id/btn1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="普通按钮1" /> android:id="@+id/btn2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/btn1" android:layout_toRightOf="@+id/btn1" android:text="普通按钮2" /> android:id="@+id/btn3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/btn2" android:layout_toRightOf="@+id/btn2" android:text="普通按钮3" /> android:id="@+id/btn4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/btn3" android:layout_toRightOf="@+id/btn3" android:text="普通按钮4" />
帧布局FrameLayout
组件的默认位置都是左上角，组件之间可以重叠。像千层饼一样，一层压着一层 可以设置上下左右的对齐、水平垂直居中、设置方式与线性布局相似
常用属性
属性
可选值
说明
layout_gravity
center/center_vertical/center_horizontal
组件相对父容器的位置
layout_marginLeft
具体的数值100dp
左侧外间距
layout_marginTop
具体的数值100dp
上侧外间距
layout_marginRight
具体的数值100dp
右侧外间距
layout_marginBottom
具体的数值100dp
下侧外间距
效果演示
android:layout_width="match_parent" android:layout_height="match_parent"> android:layout_width="match_parent" android:layout_height="match_parent" android:layout_gravity="center" android:background="@color/purple_200" android:gravity="center_horizontal" android:paddingTop="100dp" android:text="layout_gravity:center" android:textSize="30dp" /> android:layout_width="300dp" android:layout_height="360dp" android:layout_gravity="center" android:background="@color/purple_500" /> android:layout_width="240dp" android:layout_height="240dp" android:layout_gravity="center" android:background="@color/purple_700" /> android:layout_width="140dp" android:layout_height="140dp" android:layout_gravity="center" android:background="@color/teal_700" /> android:layout_width="60dp" android:layout_height="60dp" android:layout_gravity="center" android:background="#ffffff" android:gravity="center" />
总结
参考：2021Android从零入门到实战(Kotlin版)