Android布局管理详解（1）—— LinearLayout 线性布局

　　Android的布局方式共有6种，分别是LinearLayout（线性布局）、TableLayout（表格布局）、FrameLayout（帧布局）、RelativeLayout（相对布局）、GridLayout（网格布局）以及AbsoluteLayout（绝对布局）。

　　本次主要介绍 LinearLayout 线性布局，其余布局留待以后介绍。

　　线性布局由 LinearLayout 类来代表， LinearLayout 可以控制各组件横向或纵向排列。

　　LinearLayout 常用属性介绍

　　1.　　android：orientation

　　　　设置布局管理器内组件的排列方式，可设置为 horizon （水平排列）、vertical （垂直排列）。

　　　　

 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     <Button
 7         android:id="@+id/btn1"
 8         android:layout_width="wrap_content"
 9         android:layout_height="wrap_content"
10         android:text="@string/btn1"/>
11     <Button
12         android:id="@+id/btn2"
13         android:layout_width="wrap_content"
14         android:layout_height="wrap_content"
15         android:text="@string/btn2"/>
16     <Button
17         android:id="@+id/btn3"
18         android:layout_width="wrap_content"
19         android:layout_height="wrap_content"
20         android:text="@string/btn3"/>
21 LinearLayout>

　　上述代码设置了三个按钮（Button），第 3 行代码设置其排列方式为 horizon 水平排列，效果图如图 1：　

图 1 ：                                            　　　　　　 图 2 ：                                          　　　　　　图 3 ：

　　　　　　　　　　　　　　　　　　　　　　        

 将上述代码的第 3 行中 orientation 的值由 horizon 改为 vertical （如下代码），则按钮的排列方式变为垂直排列 ，如图 2

 

 1 xml version="1.0" encoding="utf-8"?>
 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3     android:orientation="vertical"
 4     android:layout_width="match_parent"
 5     android:layout_height="match_parent">
 6     <Button
 7         android:id="@+id/btn1"
 8         android:layout_width="wrap_content"
 9         android:layout_height="wrap_content"
10         android:text="@string/btn1"/>
11     <Button
12         android:id="@+id/btn2"
13         android:layout_width="wrap_content"
14         android:layout_height="wrap_content"
15         android:text="@string/btn2"/>
16     <Button
17         android:id="@+id/btn3"
18         android:layout_width="wrap_content"
19         android:layout_height="wrap_content"
20         android:text="@string/btn3"/>
21 LinearLayout>

View Code

 　　注意： Android 的线性布局不会换行，当组件一个挨着一个的排列到头之后，剩下的组件将不会被显示出来

　　例：

 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     <Button
 7         android:id="@+id/btn1"
 8         android:layout_width="wrap_content"
 9         android:layout_height="wrap_content"
10         android:text="@string/btn1"/>
11     <Button
12         android:id="@+id/btn2"
13         android:layout_width="wrap_content"
14         android:layout_height="wrap_content"
15         android:text="@string/btn2"/>
16     <Button
17         android:id="@+id/btn3"
18         android:layout_width="wrap_content"
19         android:layout_height="wrap_content"
20         android:text="@string/btn3"/>
21     <Button
22         android:id="@+id/btn4"
23         android:layout_width="wrap_content"
24         android:layout_height="wrap_content"
25         android:text="@string/btn4"/>
26     <Button
27         android:id="@+id/btn5"
28         android:layout_width="wrap_content"
29         android:layout_height="wrap_content"
30         android:text="@string/btn5"/>
31 LinearLayout>

View Code

上述代码定义了 5 个按钮，使其水平排列，但其效果如上图 3 所示，只显示了四个按钮，第 5 个按钮没有被显示出来。

 　　2.　　android：gravity

　　　　设置布局管理器内组件的对齐方式，该属性值可设为 top（顶部对齐） 、bottom（底部对齐） 、left（左对齐） 、right（右对齐） 、center_vertical（垂直方向居中） 、 fill_vertical（垂直方向填充） 、 center_horizontal（水平方向居中） 、 fill_horizontal（水平方向填充） 、center（垂直与水平方向都居中） 、 fill （填充）、  clip_vertical（垂直方向裁剪） 、  clip_horizontal（水平方向裁剪） 。

　　　　可同时指定多种对其方式的组合，中间用“|”连接，如下方代码设置对齐方式为 left|center_vertical 表示出现在屏幕左边且垂直居中，效果图如图 4 。

 

 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     android:gravity="left|center_vertical">
 7     <Button
 8         android:id="@+id/btn1"
 9         android:layout_width="wrap_content"
10         android:layout_height="wrap_content"
11         android:text="@string/btn1"/>
12     <Button
13         android:id="@+id/btn2"
14         android:layout_width="wrap_content"
15         android:layout_height="wrap_content"
16         android:text="@string/btn2"/>
17     <Button
18         android:id="@+id/btn3"
19         android:layout_width="wrap_content"
20         android:layout_height="wrap_content"
21         android:text="@string/btn3"/>
22 LinearLayout>

View Code

　　 图 4 ：

　　　　

除以上两个常用属性外，LinearLayout 的属性还有以下几个：

　　android：baselineAligned　　　　　　　　　　　　该属性设为 false ，将会阻止该布局管理器与它的子元素的基线对其。

　　android：divider　　　　　　　　　　　　　　　　设置垂直布局时两个按钮直接的分隔条。

　　android：measureWithLargestChild　　　　　　该属性设为 true 时，所有带权重的子元素都会具有最大子元素的最小尺寸。

最后介绍一下 LinearLayout 子元素支持的常用属性：

　　android：layout_gravity　　　　指定该子元素在 LinearLayout 中的对其方式

　　android：layout_weight　　　　指定该子元素在 LinearLayout 中所占的权重

以上就是关于 android 布局中 LinearLayout 的介绍，如有疏漏或错误，欢迎指正。

　　本文为博主原创文章，转载请在明显位置注明出处：

　　原文地址 http://www.cnblogs.com/zzulihao

转载于:https://www.cnblogs.com/zzulihao/p/6535746.html