布局管理器——表格布局

介绍

表格布局由TableLayout类代表，其会采用行、列的形式来管理UI组件。

TableLayout通过添加TableRow、其它组件来控制表格的行数和列数，而不需要明确地声明包含多少行、多少列。

每次向TableLayout中添加一个TableRow，该TableRow就是一个表格行，TableRow也是容器，因此它也可以不断地添加其它组件，每添加一个子组件该表格就增加一列。若直接向TableLayout中添加组件，那么这个组件将直接占用一行。

在表格布局中，列的宽度由该列中最宽的那个单元格决定，整个表格布局的宽度则取决于父容器的宽度(默认总是占满父容器本身)。

列单元格常用的三种行为方式：

• Shrinkable。该列的所有单元格的宽度可以被收缩，以保证该表格能适应父容器的宽度。
• Stretchable。该列的所有单元格的宽度可以被拉伸，以保证组件能完全填满表格空余空间。
• Collapsed。该列的所有单元格会被隐藏。

---

用例

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="bottom|center_horizontal"
    android:orientation="vertical">

<!--定义一个表格布局，指定第2列允许收缩，第3列允许拉伸，第4列允许隐藏。第一行是一个Button，而第二行是四个Button-->

    <TableLayout
        android:id="@+id/tableLayout"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:shrinkColumns="2"
        android:stretchColumns="3"
        android:collapseColumns="4">

        <Button
            android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Button" />

        <TableRow>
            <Button android:id="@+id/button1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Button1"/>

            <Button android:id="@+id/button2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Button2"/>

            <Button android:id="@+id/button3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Button3"/>

            <Button android:id="@+id/button4"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Button4"/>
        </TableRow>


    </TableLayout>
</LinearLayout>

相应地界面展示结果：

---

摘自《疯狂Android讲义》