Android表格布局TableLayout学习笔记

    TableLayout继承了LinearLayout，因此它的本质依然是线性布局管理器。TableLayout并不需要明确的声明包含多少行、多少列，而是通过添加TableRow、其他组件来控制表格的行数和列数。

    表格中每个单元格的属性可设置为：

    Shrinkable(该列可收缩)\Stretchable(该列可拉伸)\Collapsed(该列隐藏).

    例如：android:stretchColumns="1,2"，表示影藏2、3列！

实例源码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/xxoo"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="right|center_horizontal"
    >

<!-- 第一个表格布局 -->
<TableLayout
    android:id="@+id/layout1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:shrinkColumns="1"
    android:stretchColumns="2"
    >
    <!-- 表格布局的第一行，铺满第一行 -->
    <Button android:id="@+id/ok1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="独自一行的按钮001"
            />
    
    <!-- 表格布局的第二行，分三个小单元 -->  
    <TableRow>
        <Button
            android:id="@+id/ok2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="普通按钮" 
            />
        <Button
            android:id="@+id/ok3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="收缩的按钮" 
            />
        <Button
            android:id="@+id/ok4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="拉伸的按钮" 
            />
    </TableRow>   
</TableLayout>

<!-- 第二个表格布局 -->
<TableLayout
    android:id="@+id/layout2"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:collapseColumns="1"
    >
 <!-- 表格布局的第一行，铺满第一行 -->
    <Button android:id="@+id/ok5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="独自一行的按钮002"
            />
    
    <!-- 表格布局的第二行，分三个小单元 -->  
    <TableRow>
        <Button
            android:id="@+id/ok6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="普通按钮" 
            />
        <Button
            android:id="@+id/ok7"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="收缩的按钮" 
            />
        <Button
            android:id="@+id/ok8"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="拉伸的按钮" 
            />
    </TableRow>    
</TableLayout>

<!-- 第三个表格布局 -->
<TableLayout
    android:id="@+id/layout3"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:stretchColumns="1,2"
    >
<!-- 表格布局的第一行，铺满第一行 -->
    <Button android:id="@+id/ok9"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="独自一行的按钮003"
            />
    
    <!-- 表格布局的第二行，分三个小单元 -->  
    <TableRow>
        <Button
            android:id="@+id/ok10"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="普通按钮" 
            />
        <Button
            android:id="@+id/ok11"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="收缩的按钮" 
            />
        <Button
            android:id="@+id/ok12"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="拉伸的按钮" 
            />
    </TableRow>  
    
    <!-- 表格布局的第三行，分两个小单元 -->
     <TableRow>
        <Button
            android:id="@+id/ok13"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="普通按钮" 
            />
        <Button
            android:id="@+id/ok14"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="我是一个收缩的按钮" 
            />
     </TableRow>
</TableLayout>

</LinearLayout>

运行结果：