Android五大布局之线性布局LinearLayout使用

LinearLayout 又称线性布局，该布局应该是 Android 视图设计中最经常使用的布局。该布局可以使放入其中的组件以水平方式或者垂直方式整齐排列，通过 android:orientation 属性指定具体的排列方式，通过 weight 属性设置每个组件在布局中所占的比重。

实例 LinearLayoutDemo 演示了 LinearLayout 布局的使用方法，效果如图 3 所示。

图 3  LinearLayout 的布局效果

实例 LinearLayoutDemo 中的 strings.xml 文件代码如下：

1. <?xml version="1.0" encoding="UTF-8"?>

2. <resources>

3.   <string name="app_name">LinearLayoutDemo</string>

4.   <string name="red">red</string>

5.   <string name="yellow">yellow</string>

6.   <string name="green">green</string>

7.   <string name="blue">blue</string>

8.   <string name="row1">row one</string>

9.   <string name="row2">row two</string>

10.   <string name="row3">row three</string>

11.   <string name="row4">row four</string>

12. </resources>

实例 LinearLayoutDemo 中的布局文件 main.xml 代码如下：

1. <?xml version="1.0" encoding="utf-8"?>

3. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

4.     android:layout_width="fill_parent"

5.     android:layout_height="fill_parent"

6.     android:orientation="vertical">

8.     <LinearLayout

9.         android:layout_width="fill_parent"

10.         android:layout_height="fill_parent"

11.         android:layout_weight="1"

12.         android:orientation="horizontal">

14.         <TextView

15.             android:layout_width="wrap_content"

16.             android:layout_height="fill_parent"

17.             android:layout_gravity="center_horizontal"

18.             android:layout_weight="1"

19.             android:background="#aa0000"

20.             android:text="@string/red" />

22.         <TextView

23.             android:layout_width="wrap_content"

24.             android:layout_height="fill_parent"

25.             android:layout_gravity="center_horizontal"

26.             android:layout_weight="1"

27.             android:background="#00aa00"

28.             android:text="@string/green" />

30.         <TextView

31.             android:layout_width="wrap_content"

32.             android:layout_height="fill_parent"

33.             android:layout_gravity="center_horizontal"

34.             android:layout_weight="1"

35.             android:background="#0000aa"

36.             android:text="@string/blue" />

38.         <TextView

39.             android:layout_width="wrap_content"

40.             android:layout_height="fill_parent"

41.             android:layout_gravity="center_horizontal"

42.             android:layout_weight="1"

43.             android:background="#aaaa00"

44.             android:text="@string/yellow" />

45.     </LinearLayout>

47.     <LinearLayout

48.         android:layout_width="fill_parent"

49.         android:layout_height="fill_parent"

50.         android:layout_weight="1"

51.         android:orientation="vertical">

53.         <TextView

54.             android:layout_width="fill_parent"

55.             android:layout_height="wrap_content"

56.             android:layout_weight="1"

57.             android:text="@string/row1"

58.             android:textSize="15pt" />

60.         <TextView

61.             android:layout_width="fill_parent"

62.             android:layout_height="wrap_content"

63.             android:layout_weight="1"

64.             android:text="@string/row2"

65.             android:textSize="15pt" />

67.         <TextView

68.             android:layout_width="fill_parent"

69.             android:layout_height="wrap_content"

70.             android:layout_weight="1"

71.             android:text="@string/row3"

72.             android:textSize="15pt" />

74.         <TextView

75.             android:layout_width="fill_parent"

76.             android:layout_height="wrap_content"

77.             android:layout_weight="1"

78.             android:text="@string/row4"

79.             android:textSize="15pt" />

80.     </LinearLayout>

81. </LinearLayout>

该布局中放置了两个 LinearLayout 布局对象。

第一个 LinearLayout 布局通过 android:orientation="horizontal" 属性将布局设置为横向线性排列。

第二个 LinearLayout 布局通过 android:orientation="vertical" 属性将布局设置为纵向线性排列。

每个 LinearLayout 布局中都放入了 4 个 TextView，并通过 android:layout_weight 属性设置每个组件在布局中所占的比重相同，即各组件大小相同。

layout_weight 用于定义一个线性布局中某组件的重要程度。所有的组件都有一个 layout_weight 值，默认为 0。意思是需要显示多大的视图就占据多大的屏幕空间。若赋值为大于 0 的值，则将可用的空间分割，分割的大小取决于当前的 layout_weight 数值与其他空间的 layout_weight 值的比率。

例如水平方向上有两个按钮，每个按钮的 layout_weight 数值都设置为 1，那么这两个按钮平分宽度；若第一个为 1，第二个为 2，则可将空间的三分之一分给第一个，三分之二分给第二个。

将 LinearLayoutDemo 中水平 LinearLayout 的第 4 个 TextView 的 android:layout_weight 属性赋值为 2，运行效果如图 4 所示。

图 4  修改 android:layout_weight 属性

LinearLayout 布局可使用嵌套。活用 LinearLayou 布局可以设计出各种各样漂亮的布局方式。