Android五种布局管理器之『TableLayout』

表格布局（TableLayout）类以行和列的形式管理控件，每一行为一个TableRow对象，也可以作为一个View对象；当为View对象时，该View对象将跨越该行的所有列。在TableRow中可以添加子控件，每添加一个子控件即为一列。

TableLayout布局中并不会为每一行、每一列或每个单元格绘制边框，每一行可以有0个或多个单元格，每个单元格为一个View对象。TableLayout中可以有空的单元格，单元格也可以像HTML中那样跨越多个列。

在TableLayout布局中，一个列的宽度由该列中最宽的那个单元格指定，而表格的宽度是由父容器指定的。在TableLayout中，可以为列设置三种属性：

• Shrinkable：如果一个列被标识为Shrinkable，则该列的宽度可以进行收缩，以使表格能够适应其父容器的大小。
• Stretchable：如果一个列被标识为Stretchable，则该列的宽度可以进行拉伸，以使填满表格中的空闲空间。
• Collapsed：如果一个列被标识为Collapsed，则该列会被隐藏。

注意：一个列可以同时具有Shrinkable属性和Stretchable属性，在这种情况下，该列的宽度将任意拉伸或收缩以适应父容器。

TableLayout继承自LinearLayout类，除了继承来自父类的属性和方法，TableLayout类中还包含表格布局所特有的属性和方法，如下表：

属性名称	对应方法	描述
android:collapseColumns	setColumnCollapsed(int,boolean)	设置指定列号的列属性为Collapsed
android:shrinkColumns	setShrinkAllColumns(boolean)	设置指定列号的列属性为Shrinkable
android:stretchColumns	setStretchAllColumns(boolean)	设置指定列号的列属性为Stretchable

注意：TableLayout中所谓的列序号是从0开始计算的。setShrinkAllColumns和setStretchAllColumns实现的功能是将表格中的所有列设置为Shrinkable或Stretchable。

下面来看一下效果：

其中Main.xml代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
   android:id="@+id/LinearLayout01"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   xmlns:android="http://schemas.android.com/apk/res/android"
   android:orientation="vertical"
   android:background="@drawable/android"
   android:gravity="bottom">

   <!-- 第一行 -->
   <TableLayout
   android:id="@+id/TableLayout01"
   android:layout_width="fill_parent"
   android:layout_height="wrap_content"
   android:background="#FFFFFF"
   xmlns:android="http://schemas.android.com/apk/res/android">
       <TextView
         android:text="我是单独的一行"
         android:id="@+id/TextView01"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_centerInParent="true"
         android:background="#fd8d8d"
         android:textColor="#000000"
         android:layout_margin="4px"
       >
       </TextView>
   </TableLayout>

   <TableLayout
       android:id="@+id/TableLayout02"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:background="#FFFFFF"
       android:stretchColumns="0"
       xmlns:android="http://schemas.android.com/apk/res/android">
       <!-- android:stretchColumns="0" 设置0号列为可伸展的列，当有多个列可伸展时用逗号隔开 -->
       <!-- 第二行 -->
       <TableRow
         android:id="@+id/TableRow01"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content">
            <!-- 第一列 -->
            <TextView
             android:text="我是被拉上的一列"
             android:id="@+id/TextView02"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_centerInParent="true"
             android:background="#9cfda3"
             android:textColor="#000000"
             android:layout_margin="4px">
            </TextView>
            <!-- 第二列 -->
            <TextView
             android:text="我的内容少"
             android:id="@+id/TextView03"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_centerInParent="true"
             android:background="#8d9dfd"
             android:textColor="#000000"
             android:layout_margin="4px"
            >
            </TextView>
       </TableRow>
    </TableLayout>

    <TableLayout
       android:id="@+id/TableLayout03"
       android:layout_width="fill_parent"
       android:layout_height="wrap_content"
       android:background="#FFFFFF"
       android:collapseColumns="1"
       android:shrinkColumns="0"
       xmlns:android="http://schemas.android.com/apk/res/android">
       <!-- android:collapseColumns="1" 隐藏编号为1的列，若有多个列要隐藏，则用逗号隔开，如0,2 -->
       <!-- android:shrinkColumns="0"
                    设置0号列为可收缩的列，可收缩的列会纵向扩展
                    若有多个列要收缩，则用逗号隔开，如0,2 -->

       <!-- 第三行 -->
       <TableRow
         android:id="@+id/TableRow02"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content">
            <!-- 第一列 -->
            <TextView
             android:text="我的被收缩的一列被收缩的一列"
             android:id="@+id/TextView04"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_centerInParent="true"
             android:background="#9cfda3"
             android:textColor="#000000"
             android:layout_margin="4px">
            </TextView>
            <!-- 第二列，被设置为隐藏了 -->
            <TextView
             android:text="我的内容少"
             android:id="@+id/TextView05"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_centerInParent="true"
             android:background="#8d9dfd"
             android:textColor="#000000"
             android:layout_margin="4px"
            >
            </TextView>
            <!-- 第三列 -->
            <TextView
             android:text="我的内容比较长比较长比较长"
             android:id="@+id/TextView06"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:layout_centerInParent="true"
             android:background="#fd8d8d"
             android:textColor="#000000"
             android:layout_margin="4px"
            >
            </TextView>
       </TableRow>
    </TableLayout>
</LinearLayout>

Activity代码为：

package com.sunchis;

import android.app.Activity;
import android.os.Bundle;

public class Android extends Activity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);          //设置屏幕
    }
}