表格布局(TableLayout)及重要屬性

TableLayout屬性：

    android:collapseColumns:将TableLayout裡面指定的列隐藏，若有多列需要隐藏，請用逗号将需要隐藏的列序号隔開。

    android:stretchColumns:設定指定的列為可伸展的列，以填滿剩下的多餘空白空間，若有多列需要設定為可伸展，請用逗号将需要伸展的列序号隔開。

    android:shrinkColumns:設定指定的列為可收縮的列。當可收縮的列太寬(内容過多)不會被擠出螢幕。當需要設定多列為可收縮時，将列序号用逗号隔開。

TableLayout繼承了LinearLayout，本質上是線性布局。表格布局采用行，列形式來管理UI元件，是通過TableRow，其他元件來控制表格的行，列的

每次想TableLayout中添加一個TableRow，該TableRow就是一個表格行，TableRow也是容器，是以可以添加元件，沒添加一個子元件該表格就增加一列。

<pre name="code" class="html"><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".AndroidTableLayoutActivity" >
 
    <!-- 定義第一個表格，指定第2列允許收縮，第3列允許拉伸 -->
 
    <TableLayout
        android:id="@+id/tablelayout01"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:shrinkColumns="1"
        android:stretchColumns="2" >
 
        <!-- 直接添加按鈕，自己占用一行 -->
 
        <Button
            android:id="@+id/btn01"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="獨自一行" >
        </Button>
 
        <TableRow>
 
            <Button
                android:id="@+id/btn02"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="普通" >
            </Button>
 
            <Button
                android:id="@+id/btn03"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="允許被收縮" >
            </Button>
 
            <Button
                android:id="@+id/btn04"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="允許被拉伸允許被拉伸" >
            </Button>
        </TableRow>
    </TableLayout>
    <!-- 定義第2個表格，指定第2列隐藏 -->
 
    <TableLayout
        android:id="@+id/tablelayout02"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:collapseColumns="1" >
        <TableRow>
 
            <Button
                android:id="@+id/btn05"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="普通" >
            </Button>
 
            <Button
                android:id="@+id/btn06"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="被隐藏列" >
            </Button>
 
            <Button
                android:id="@+id/btn07"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="允許被拉伸" >
            </Button>
        </TableRow>
    </TableLayout>
    <!-- 定義第3個表格，指定第2列填滿空白 -->
 
    <TableLayout
        android:id="@+id/tablelayout03"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:stretchColumns="1" >
 
        <TableRow>
 
            <Button
                android:id="@+id/btn08"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="普通" >
            </Button>
 
            <Button
                android:id="@+id/btn09"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="填滿剩餘空白" >
            </Button>
        </TableRow>
    </TableLayout>
   
 
</LinearLayout>
           

</pre><pre name="code" class="java"><img src="https://img-blog.csdn.net/20160104200926588?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" />