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代码如下：

 
 

  
  view plain   
  
  copy
 
 
 
 
<?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代码为：

 
 

  
  view plain   
  
  copy
 
 
 
 
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);          //设置屏幕 
    } 
}