【Android】UI（二）Android常用的基础布局容器

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: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使得后面一个组件位于前面一个组件的右方

帧布局FrameLayout

组件的默认位置都是左上角，组件之间可以重叠。像千层饼一样，一层压着一层 可以设置上下左右的对齐、水平垂直居中、设置方式与线性布局相似

• 常用属性

属性	可选值	说明
layout_gravity	center/center_vertical/center_horizontal	组件相对父容器的位置
layout_marginLeft	具体的数值100dp	左侧外间距
layout_marginTop	具体的数值100dp	上侧外间距
layout_marginRight	具体的数值100dp	右侧外间距
layout_marginBottom	具体的数值100dp	下侧外间距

效果演示

总结

参考：2021Android从零入门到实战(Kotlin版)