Android布局管理之TableLayout

表格布局

      表格布局与常见的表格类似，它以行、列的形式来管理放入其中的UI组件。表格布局使用<TableLayout>标记定义，在表格布局中，可以添加多个<TableRow>标记，每个<TableRow>标记占用一行，由于<TableRow>标记也是容器，所以在该标记中还可添加其他组件，在<TableRow>标记中，每添加一个组件，表格就会增加一列。在表格布局中，列可以被隐藏，也可以被设置为伸展的，从而填充可利用的屏幕空间，也可以设置为强制收缩，直到表格匹配屏幕大小。

在XML布局文件中定义表格布局管理器的基本的语法格式如下：

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

         属性列表

>

         <TableRow属性列表>需要添加的UI组件</TableRow>

         多个<TableRow>

</TableLayout>

android:collapseColumns

设置需要被隐藏的列的列序号（序号从0开始），多个列序号之间用逗号“,”分隔

android:shrinkColumns

设置允许被收缩的列的列序号（序号从0开始）以适合屏幕，不会挤出屏幕，多个列序号之间用逗号“,”分隔

android:stretchColumns

设置允许被拉伸的列的列序号（序号从0开始），尽量把指定的列填充空白部分，多个列序号之间用逗号“,”分隔

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:shrinkColumns="2">

    <TableRow>

        <Button android:text="btn11" />

        <Button android:text="btn12" />

        <Button android:text="btn1333333333333333333" />
    </TableRow>

    <TableRow>

        <Button android:text="btn21" />

        <Button android:text="btn22" />

        <Button android:text="btn23" />
    </TableRow>

</TableLayout>

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:stretchColumns="1">

    <TableRow>

        <Button android:text="btn11" />

        <Button android:text="btn12" />

        <Button android:text="btn13" />
    </TableRow>

    <TableRow>

        <Button android:text="btn21" />

        <Button android:text="btn22" />

        <Button android:text="btn23" />
    </TableRow>

</TableLayout>

android:layout_column="2"    指定tabRow在指定的列

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >

    <TableRow>

        <Button android:text="btn11" />

        <Button android:text="btn12" />

        <Button android:text="btn13" />
    </TableRow>

    <TableRow>

        <Button android:text="btn21" />

        <Button 
            android:layout_column="2"
            android:text="btn23" />
    </TableRow>

</TableLayout>

android:layout_span 合并单元格

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >

    <TableRow>

        <Button android:text="btn11" />

        <Button android:text="btn12" />

        <Button android:text="btn13" />
    </TableRow>

    <TableRow>

        <Button android:text="btn21" />

        <Button 
            android:layout_span="2"
            android:text="btn23" />
    </TableRow>

</TableLayout>