Android入门教程 | UI布局之LinearLayout 线性布局

Android有几种布局？

LinearLayout（线性布局）

RelativeLayout（相对布局）

FrameLayout（帧布局）

TableLayout（表格布局）

GridLayout（网格布局）

AbsoluteLayout（绝对布局）

LinearLayout

LinearLayout 又称作线性布局，是一种非常常用的布局。

LinearLayout 里面可以放置多个 view（这里称为子view，子项）。子 view 可以是TextView，Button，或者是 LinearLayout，RelativeLayout 等等。它们将会按顺序依次排布为一列或一行。接下来介绍一些在 xml 中的设置。

先在 xml 中放一个 LinearLayout。

下面介绍一些属性。

竖直排布与水平排布

通过设置 orientation 来确定水平或竖直排布子 view。可选值有 vertical 和 horizontal。

竖直排布

设置 orientation 为 vertical。

android:orientation="vertical"

水平排布

设置 orientation 为 horizontal。

android:orientation="horizontal"

排布方式 gravity

决定子 view 的排布方式。gravity有“重力”的意思，我们引申为子view会向哪个方向靠拢。 gravity有几个选项可以选择，我们常用的有start，end，left，right，top，bottom。

例如:

下面是 gravity 的选项。我们会把 LinearLayout 叫做“父view”或者“容器”。

常量	定义值	描述
top	30	把view推到容器里的顶部。不会改变view的尺寸。
bottom	50	把view推到容器的底部。不会改变view的尺寸。
center	11	子view水平与竖直都居中。不会改变view的尺寸。
center_horizontal	1	子view水平居中。不会改变view的尺寸。
center_vertical	10	子view垂直居中。不会改变view的尺寸。
start	800003	把view推到容器里最开始的地方。不会改变view的尺寸。
end	800005	把子view放到容器的最尾部。不改变view的尺寸。
left	3	子view从容器的左边开始排布。不会改变view的尺寸。
right	5	子view从容器的右边开始排布。不会改变view的尺寸。

start 和 left，end 和 right 并不一定是同样的效果。对于 RTL（right to left）类型的手机，比如某些阿拉伯文的系统。start 是从右到左的。我们日常生活中很少见到RTL，一般都是 LTR。但还是建议多用 start 而不是 left。

gravity可以同时设置多个值，用或符号|来连接。比如android:gravity="end|center_vertical"。

子 view 的 layout_gravity

layout_gravity 看起来和 gravity 有些相似。

android:gravity 控制自己内部的子元素。
android:layout_gravity 是告诉父元素自己的位置。

取值范围和gravity是一样的。代表的含义也相似。

分割占比layout_weight

可以在设置子 view 的 layout_weight，来确定空间占比。设置 layout_weight 的时候，一般要设置 layout_width="0dp"。

分割占比之和 weightSum

android:weightSum 定义子 view 的 weight 之和的最大值。如果不直接指定，它会是所有子 view 的 layout_weight 之和。如果想给单独的一个子 view 一半的空间占比，可以设置子 view 的 layout_weight 为0.5，并且设置 LinearLayout 的 weightSum 为1.0。

取值可以是浮点数，比如9.3。

分割线 divider

设置 divider 与 showDividers 属性。

 `android:divider="@drawable/divider_linear_1"
    android:showDividers="middle"

直接给divider设置颜色是无效的。

在drawable目录里新建一个xml，叫做divider_linear_1.xml。

size 必须指定，否则当做 divider 来用时会显示不出来。

LinearLayout 设置 divider。


        ....

...

showDividers有几种可选：

middle 中间的分割线
beginning 开始的分割线
end 结束的分割线
none 没有分割线

LinearLayout 线性布局入门视频参考