TableLayout表格布局詳解

一、Tablelayout簡介

      Tablelayout類以行和列的形式對控件進行管理，每一行為一個TableRow對象，或一個View控件。當為TableRow對象時，可在TableRow下添加子控件，默認情況下，每個子控件占據一列。 當為View時，該View將獨占一行。

二、TableLayout行列數的確定(最大的原則)

     TableLayout的行數由開發人員直接指定，即有多少個TableRow對象（或View控件），就有多少行。TableLayout的列數等於含有最多子控件的TableRow的列數。如第一TableRow含2個子控件，第二個TableRow含3個，第三個TableRow含4個，那么該TableLayout的列數為4. 

三、TableLayout可設置的屬性詳解

總體了，這個TableLayout的屬性和html中Table標簽的屬性差不多。他的各個屬性如下：

TableLayout可設置的屬性包括全局屬性及單元格屬性。

1、全局屬性也即列屬性，有以下3個參數：

android:stretchColumns    設置可伸展的列。該列可以向行方向伸展，最多可占據一整行。

android:shrinkColumns     設置可收縮的列。當該列子控件的內容太多，已經擠滿所在行，那么該子控件的內容將往列方向顯示。

android:collapseColumns 設置要隱藏的列。

 

示例：

android:stretchColumns="0"           第0列可伸展

android:shrinkColumns="1,2"         第1,2列皆可收縮

android:collapseColumns="*"         隱藏所有行

說明：列可以同時具備stretchColumns及shrinkColumns屬性，若此，那么當該列的內容N多時，將“多行”顯示其內容。（這里不是真正的多行，而是系統根據需要自動調節該行的layout_height）

2、單元格屬性，有以下2個參數：

android:layout_column    指定該單元格在第幾列顯示

android:layout_span        指定該單元格占據的列數（未指定時，為1）

示例：

android:layout_column="1"    該控件顯示在第1列

android:layout_span="2"        該控件占據2列

說明：一個控件也可以同時具備這兩個特性。

                <TableLayout
                    android:id="@+id/MorePageTableLayout_Favorite"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:shrinkColumns="0"
                    android:stretchColumns="0" >

                    <TableRow
                        android:id="@+id/more_page_row0"
                        android:layout_width="fill_parent"
                        android:layout_marginLeft="2.0dip"
                        android:layout_marginRight="2.0dip"
                        android:background="@drawable/more_item_press"
                        android:paddingBottom="16.0dip"
                        android:paddingTop="8.0dip" >

                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="fill_parent"
                            android:drawableLeft="@drawable/mylike"
                            android:drawablePadding="10.0dip"
                            android:gravity="center_vertical"
                            android:includeFontPadding="false"
                            android:paddingLeft="17.0dip"
                            android:text="我的京東"
                            android:textColor="#ff333333"
                            android:textSize="16.0sp" />

                        <ImageView
                            android:layout_width="wrap_content"
                            android:layout_height="fill_parent"
                            android:layout_gravity="right"
                            android:gravity="center_vertical"
                            android:paddingRight="20.0dip"
                            android:src="@drawable/ic_arrow" />
                    </TableRow>
                </TableLayout>

其運行的相應效果圖如下：

總結，一般TableLayOut的布局方式是使用較少的，但是像上面設置界面，TableLayout布局非常有用的。