这篇博文包括的内容:
1、TableLayout简介
2、TableLayout行列数的确定
3、TableLayout可设置的属性详解
4、一个包含4个TableLayout布局的实例及效果图
一、Tablelayout简介
Tablelayout类以行和列的形式对控件进行管理,每一行为一个TableRow对象,或一个View控件。
当为TableRow对象时,可在TableRow下添加子控件,默认情况下,每个子控件占据一列。
当为View时,该View将独占一行。
二、TableLayout行列数的确定
TableLayout的行数由开发人员直接指定,即有多少个TableRow对象(或View控件),就有多少行。
TableLayout的列数等于含有最多子控件的TableRow的列数。如第一TableRow含2个子控件,第二个TableRow含3个,第三个TableRow含4个,那么该TableLayout的列数为4.
三、TableLayout可设置的属性详解
TableLayout可设置的属性包括全局属性及单元格属性。
1、全局属性也即列属性,有以下3个参数:
android:stretchColumns 设置可伸展的列。该列可以向行方向伸展,最多可占据一整行。
android:shrinkColumns 设置可收缩的列。当该列子控件的内容太多,已经挤满所在行,那么该子控件的内容将往列方向显示。
android:collapseColumns 设置要隐藏的列。
示例:
android:stretchColumns="0" 第0列可伸展
android:shrinkColumns="1,2" 第1,2列皆可收缩
android:collapseColumns="*" 隐藏所有行
说明:列可以同时具备stretchColumns及shrinkColumns属性,若此,那么当该列的内容N多时,将“多行”显示其内容。(这里不是真正的多行,而是系统根据需要自动调节该行的layout_height)
2、单元格属性,有以下2个参数:
android:layout_column 指定该单元格在第几列显示
android:layout_span 指定该单元格占据的列数(未指定时,为1)
示例:
android:layout_column="1" 该控件显示在第1列
android:layout_span="2" 该控件占据2列
说明:一个控件也可以同时具备这两个特性。
四、一个包含4个TableLayout布局的实例及效果图
1 <?xml version="1.0" encoding="utf-8"?>
2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3 android:layout_width="fill_parent"
4 android:layout_height="fill_parent"
5 android:orientation="vertical"
6 android:padding="3dip" >
7
8 <!-- 第1个TableLayout,用于描述表中的列属性。第0列可伸展,第1列可收缩 ,第2列被隐藏 -->
9
10 <TextView
11 android:layout_width="wrap_content"
12 android:layout_height="wrap_content"
13 android:background="#7f00ffff"
14 android:text="表1:全局设置:列属性设置"
15 android:textSize="15sp" />
16
17 <TableLayout
18 android:id="@+id/table1"
19 android:layout_width="fill_parent"
20 android:layout_height="wrap_content"
21 android:collapseColumns="2"
22 android:padding="3dip"
23 android:shrinkColumns="1"
24 android:stretchColumns="0" >
25
26 <TableRow>
27
28 <Button android:text="该列可伸展" />
29
30 <Button android:text="该列可收缩" />
31
32 <Button android:text="我被隐藏了" />
33 </TableRow>
34
35 <TableRow>
36
37 <TextView android:text="我向行方向伸展,我可以很长 " />
38
39 <TextView android:text="我向列方向收缩,我可以很深" />
40 </TableRow>
41 </TableLayout>
42 <!-- 第2个TableLayout,用于描述表中单元格的属性,包括:android:layout_column 及android:layout_span -->
43
44 <TextView
45 android:layout_width="wrap_content"
46 android:layout_height="wrap_content"
47 android:background="#7f00ffff"
48 android:text="表2:单元格设置:指定单元格属性设置"
49 android:textSize="15sp" />
50
51 <TableLayout
52 android:id="@+id/table2"
53 android:layout_width="fill_parent"
54 android:layout_height="wrap_content"
55 android:padding="3dip" >
56
57 <TableRow>
58
59 <Button android:text="第0列" />
60
61 <Button android:text="第1列" />
62
63 <Button android:text="第2列" />
64 </TableRow>
65
66 <TableRow>
67
68 <TextView
69 android:layout_column="1"
70 android:text="我被指定在第1列" />
71 </TableRow>
72
73 <TableRow>
74
75 <TextView
76 android:layout_column="1"
77 android:layout_span="2"
78 android:text="我跨1到2列,不信你看!" />
79 </TableRow>
80 </TableLayout>
81 <!-- 第3个TableLayout,使用可伸展特性布局 -->
82
83 <TextView
84 android:layout_width="wrap_content"
85 android:layout_height="wrap_content"
86 android:background="#7f00ffff"
87 android:text="表3:应用一,非均匀布局"
88 android:textSize="15sp" />
89
90 <TableLayout
91 android:id="@+id/table3"
92 android:layout_width="fill_parent"
93 android:layout_height="wrap_content"
94 android:padding="3dip"
95 android:stretchColumns="*" >
96
97 <TableRow>
98
99 <Button android:text="一" >
100 </Button>
101
102 <Button android:text="两字" >
103 </Button>
104
105 <Button android:text="三个字" >
106 </Button>
107 </TableRow>
108 </TableLayout>
109 <!-- 第4个TableLayout,使用可伸展特性,并指定每个控件宽度一致,如1dip -->
110
111 <TextView
112 android:layout_width="wrap_content"
113 android:layout_height="wrap_content"
114 android:background="#7f00ffff"
115 android:text="表4:应用二,均匀布局"
116 android:textSize="15sp" />
117
118 <TableLayout
119 android:id="@+id/table4"
120 android:layout_width="fill_parent"
121 android:layout_height="wrap_content"
122 android:padding="3dip"
123 android:stretchColumns="*" >
124
125 <TableRow>
126
127 <Button
128 android:layout_width="1dip"
129 android:text="一" >
130 </Button>
131
132 <Button
133 android:layout_width="1dip"
134 android:text="两字" >
135 </Button>
136
137 <Button
138 android:layout_width="1dip"
139 android:text="三个字" >
140 </Button>
141 </TableRow>
142 </TableLayout>
143
144 </LinearLayout>
说明:第4个TableLayout里的均匀布局的均匀效果是有限的。其有限性体现在,当该行有N列,则每列的控件内容不能多于1/N。