<? xml version = "1.0" encoding = "utf-8" ?> <TableLayout xmlns:android = "http://schemas.android.com/apk/res/android" android:layout_width = "fill_parent" android:layout_height = "wrap_content" android:stretchColumns = "0,1,2" android:shrinkColumns = "1,2" > <TextView android:text = "Table Test" android:gravity = "center" /> <TableRow> <TextView android:layout_column = "1" android:text = "姓名" android:gravity = "center" /> <TextView android:text = "基本信息" android:gravity = "center" /> </TableRow> <TableRow> <TextView android:text = " 1 " android:gravity = "center" /> <TextView android:text = "hoyah" android:gravity = "left" /> <TextView android:text = "Wuhan University" android:gravity = "right" /> </TableRow> <TableRow> <TextView android:text = " 2 " android:gravity = "center" /> <TextView android:text = "Google" android:gravity = "left" /> <TextView android:text = "hello Google" android:gravity = "right" /> </TableRow> <TableRow> <TextView android:text = "3" android:gravity = "center" /> <TextView android:text = "Android" android:gravity = "left" /> <TextView android:text = "Android OS" android:gravity = "right" /> </TableRow> </TableLayout>
布局讲解:
android:collapse = "1隐藏该TableLayout里的TableRow的列1,即第2列(从0开始计算),若有多列要隐藏,用“,”隔开。
android:stretchColumns = "0,1,2"设置列0、1、2为可伸展列。
android:shrinkColumns = "1,2"设置列1、2为可收缩列。
android:background = "@drawable/picture_name"本例中没有涉及此属性,它是要设置当前view 的背景图片,图片文件应该放在res文件夹下。
接着我们再看看android官方文档中给出的例子:
<? xml version = "1.0" encoding = "utf-8" ?> <TableLayout xmlns:android = "http://schemas.android.com/apk/res/android" android:layout_width = "fill_parent" android:layout_height = "fill_parent" android:stretchColumns = "1" > <TableRow> <TextView android:layout_column = "1" android:text = "Open..." android:padding = "3dip" /> <TextView android:text = "Ctrl-O" android:gravity = "right" android:padding = "3dip" /> </TableRow> <TableRow> <TextView android:layout_column = "1" android:text = "Save..." android:padding = "3dip" /> <TextView android:text = "Ctrl-S" android:gravity = "right" android:padding = "3dip" /> </TableRow> <TableRow> <TextView android:layout_column = "1" android:text = "Save As..." android:padding = "3dip" /> <TextView android:text = "Ctrl-Shift-S" android:gravity = "right" android:padding = "3dip" /> </TableRow> <View android:layout_height = "2dip" android:background = "#FF909090" /> <TableRow> <TextView android:text = "X" android:padding = "3dip" /> <TextView android:text = "Import..." android:padding = "3dip" /> </TableRow> <TableRow> <TextView android:text = "X" android:padding = "3dip" /> <TextView android:text = "Export..." android:padding = "3dip" /> <TextView android:text = "Ctrl-E" android:gravity = "right" android:padding = "3dip" /> </TableRow> <View android:layout_height = "2dip" android:background = "#FF909090" /> <TableRow> <TextView android:layout_column = "1" android:text = "Quit" android:padding = "3dip" /> </TableRow> </TableLayout>效果图如下,大家可以上机调试一下:
今天的主要工作是调节UI,在设置TextView的左右间距时,发现设置TextView的paddingLeft和paddingRight后毫无效果,并且设置TextView的layout_width也没有作用。一直纠结于此,当检查父布局TableLayout的属性时,发现其中有这么两行:
android:stretchColumns="1" android:shrinkColumns="1"这两个属性是TableLayout所特有的,也是这两个属性影响了子对象的布局。由于表格布局比较特殊,Android IT在此为大家详细介绍一下它的布局方式:
表格布局是按照行列来组织子视图的布局。表格布局包含一系列的Tabrow对象,用于定义行(也可以使用其它子对象)。表格布局不为它的行、列和单元格显示表格线。每个行可以包含个以上(包括)的单元格; 每个单元格可以设置一个View对象.与行包含很多单元格一样, 表格包含很多列。表格的单元格可以为空。
列的宽度由该列所有行中最宽的一个单元格决定.不过表格布局可以通过shrinkColumns和 stretchColumns两个属性来标记某些列可以收缩或可以拉伸. 如果标记为可以收缩,列宽可以收缩以使表格适合容器的大小。如果标记为可以拉伸, 列宽可以拉伸以占用多余的空间。表格的总宽度由其父容器决定. 记住列可以同时具有可拉伸和可收缩属性。最后,你还可以通过设置collapseColumns属性来隐藏列。
表格布局的子对象不能指定android:layout_width属性.宽度永远是"match_parent"。不过子对象可以定义 android:layout_height属性;其默认值是wrap_content. 如果子对象是TableRow,其高度永远是wrap_content。
虽然表格布局典型的子对象是表格行,实际上你可以使用任何视图类的子类, 作为表格视图的直接子对象.视图会作为只有一行并结合了所有列的单元格显示。stretchColumns="1"(TextView拉伸):stretchColumns="0"(左边拉伸):