【Android布局之【TableLayout（表格布局）】

从字面上来看，TableLayout也比较简单，关键是要对相关的属性要熟悉，先看一个简单的例子（后面为效果图）：

<?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>

效果图如下，大家可以上机调试一下：