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 
效果圖如下:
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM