[转]Android TableLayout学习
这篇博文包括的内容:
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。