AS布局篇

Posted 2021-03-11 gzpu

• LinearLayout 线性布局
• RelativeLayout 相对布局
• FrameLayout 帧布局
• AbsoluteLayout绝对布局
• TableLayout 表格布局
• GridLayout 网格布局
• ConstraintLayout 约束布局
• 几点布局原则

1.LinearLayout线性布局
线性布局是指子控件以水平或垂直方式排列。
决定子控件的排布方向的属性就是android:orientation，它有两个选项，vertical表示垂直排列，horizontal表示水平排列，注意这个属性是在这整个LinearLayout标签之下的，是全局属性。

2.RelativeLayout相对布局
相对布局是子控件以控件之间的相对位置或子类控件相对于父容器的位置排列。所以每个子控件可以通过两种参考系来决定自己的位置。

一种是相对于父容器，相关的属性有：
android:layout_alignParentBottom（在父容器最下，true或false）、
android:layout_alignParentTop（在父容器最上） 、
android:layout_alignParentLeft（在父容器最左） 、
android:layout_alignParentRight（在父容器最右）、
android:layout_marginTop(和父容器上端的距离，单位dp）、
android:layout_marginBottom(和父容器下端的距离）、
android:layout_marginLeft(和父容器左端的距离）、
android:layout_marginRight(和父容器右端的距离）、
android:layout_margin（和父容器四周的距离）、
android:layout_centerVertical（在父类的垂直居中，true或false）、
android:layout_centerHorizontal（在父类的水平居中）、
android:layout_centerInParent（在父类的水平垂直居中）。

一种是相对于其他控件，相关的属性有：
android:layout_below（位于某控件下方，以id标记）、
android:layout_above（位于某控件上方）、
android:layout_toLeftOf（位于某控件左方）、
android:layout_toRightOf（位于某控件右方）、
android:layout_alignBottom（与某控件底部对齐，以id标记）、
android:layout_alignTop（与某控件顶部对齐） 、
android:layout_alignLeft（与某控件左边缘对齐） 、
android:layout_alignRight（与某控件右边缘对齐）、
android:layout_alignBaseline（与某控件的文本内容在一条直线上）

3.FrameLayout帧布局
帧布局是所有子控件均放在左上角且后面元素直接覆盖在前面元素之上。两个常用属性：android:foreground（设置改帧布局容器的前景图像，前景图像是永远处于帧布局最上面的图像，就是不会被覆盖的图片）
android:foregroundGravity（设置前景图像显示的位置）。为更直观，下图里展示的TextView都填充了颜色，可以看出textView4在最上面。

4.AbsoluteLayout绝对布局
绝对布局是子控件通过它x，y位置来决定其位置。即android:layout_x和android:layout_y属性。但是绝对布局不常见，用x和y决定的控件在不同大小的适配屏幕上的位置直观上会变化，在一个屏幕上的右下角并不代表在另一个屏幕上也是右下角，适应能力差，所以AS也告诉我们不建议使用。

5.TableLayout表格布局
表格布局是以行列的形式管理子控件，每一行是一个TableRow对象或者View对象。

6.GridLayout网格布局
网格布局是在Android 4.0以后引入的一个新的布局，和表格布局有点类似，但比表格布局功能更强大一些。

7.ConstraintLayout 约束布局
AS2.2之后新增的约束布局，和之前出现的集中布局不同的是，它非常适合使用可视化的方式来编写界面，但并不太适合使用XML的方式来进行编写。

8.布局原则：
（1）尽量多使用线性布局和相对布局，不用绝对布局。
（2）在布局层次一样下，线性布局比相对布局的性能要高。
（3）使用include标签增加UI的复用效率：可把重复使用的控件抽取出来放在一个xml文件里，并在需要它的xml文件里通过include标签引用。这样做也保证了UI布局的规整和易维护性。
（4）使用ViewStub标签减少布局的嵌套层次，它和include一样可以用来引入一个外部布局，但不同的是，ViewStub引入的布局不占用位置，在解析layout布局是节省了CPU和内存。可用inflate方法使之在布局中显示出来。
（5）使用merge标签降低UI布局的嵌套层次：适用于布局根节点是FrameLayout且不设置background和padding等额外属性；当某个布局作为子布局被其他布局include的时候可用merge当作该布局的顶节点。

 

 

https://www.jianshu.com/p/68e086bf43d8

作者写得好啊，要多学习