天天看點

android:TableLayout表格布局詳解

1、TableLayout簡介

2、TableLayout行列數的确定

3、TableLayout可設定的屬性詳解

4、一個包含4個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可設定的屬性包括全局屬性及單元格屬性。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列

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

四、一個包含4個TableLayout布局的執行個體及效果圖

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="​​http://schemas.android.com/apk/res/android​​"    android:orientation="vertical"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:padding="3dip"    >   <!-- 第1個TableLayout,用于描述表中的列屬性。第0列可伸展,第1列可收縮,第2列被隐藏-->    <TextView  android:text="表1:全局設定:列屬性設定"  android:layout_height="wrap_content"  android:layout_width="wrap_content"  android:textSize="15sp"  android:background="#7f00ffff"/><TableLayout      android:id="@+id/table1"  android:layout_width="fill_parent"  android:layout_height="wrap_content"  android:stretchColumns="0"  android:shrinkColumns="1"  android:collapseColumns="2"  android:padding="3dip">  <TableRow>   <Button android:text="該列可伸展"/>   <Button android:text="該列可收縮"/>   <Button android:text="我被隐藏了"/>  </TableRow>    <TableRow>   <TextView android:text="我向行方向伸展,我可以很長    "/>   <TextView android:text="我向列方向收縮,我可以很深"/>  </TableRow>    </TableLayout>

<!-- 第2個TableLayout,用于描述表中單元格的屬性,包括:android:layout_column 及android:layout_span--><TextView  android:text="表2:單元格設定:指定單元格屬性設定"  android:layout_height="wrap_content"  android:layout_width="wrap_content"  android:textSize="15sp"  android:background="#7f00ffff"/> <TableLayout  android:id="@+id/table2"  android:layout_width="fill_parent"  android:layout_height="wrap_content"  android:padding="3dip">  <TableRow>   <Button android:text="第0列"/>   <Button android:text="第1列"/>   <Button android:text="第2列"/>  </TableRow>    <TableRow>   <TextView android:text="我被指定在第1列" android:layout_column="1"/>  </TableRow>     <TableRow>   <TextView    android:text="我跨1到2列,不信你看!"    android:layout_column="1"    android:layout_span="2"    />  </TableRow>  </TableLayout> 

<!-- 第3個TableLayout,使用可伸展特性布局--><TextView  android:text="表3:應用一,非均勻布局"  android:layout_height="wrap_content"  android:layout_width="wrap_content"  android:textSize="15sp"  android:background="#7f00ffff"/><TableLayout  android:id="@+id/table3"  android:layout_width="fill_parent"  android:layout_height="wrap_content"  android:stretchColumns="*"  android:padding="3dip"  >  <TableRow>   <Button android:text="一" ></Button>   <Button android:text="兩字"></Button>   <Button android:text="三個字" ></Button>  </TableRow></TableLayout>

<!-- 第4個TableLayout,使用可伸展特性,并指定每個控件寬度一緻,如1dip--><TextView  android:text="表4:應用二,均勻布局"  android:layout_height="wrap_content"  android:layout_width="wrap_content"  android:textSize="15sp"  android:background="#7f00ffff"/><TableLayout  android:id="@+id/table4"  android:layout_width="fill_parent"  android:layout_height="wrap_content"  android:stretchColumns="*"  android:padding="3dip"  >  <TableRow>   <Button android:text="一" android:layout_width="1dip"></Button>   <Button android:text="兩字" android:layout_width="1dip"></Button>   <Button android:text="三個字" android:layout_width="1dip"></Button>  </TableRow></TableLayout></LinearLayout>

說明:第4個TableLayout裡的均勻布局的均勻效果是有限的。其有限性展現在,當該行有N列,則每列的控件内容不能多于1/N。 效果圖如下:

android:TableLayout表格布局詳解