Android開發(fā)之TableLayout表格布局

更新時間：2016年03月25日 15:29:16 作者：許佳佳233

這篇文章主要為大家詳細(xì)介紹了Android開發(fā)之TableLayout表格布局，表格布局模型是以行列的形式管理子控件，對TableLayout表格布局感興趣的小伙伴們可以參考一下

表格布局模型以行列的形式管理子控件，每一行為一個TableRow的對象，當(dāng)然也可以是一個View的對象。TableRow可以添加子控件，每添加一個為一列。

TableLayout屬性：

android:collapseColumns:將TableLayout里面指定的列隱藏，若有多列需要隱藏，請用逗號將需要隱藏的列序號隔開。

android:stretchColumns:設(shè)置指定的列為可伸展的列，以填滿剩下的多余空白空間，若有多列需要設(shè)置為可伸展，請用逗號將需要伸展的列序號隔開。

android:shrinkColumns:設(shè)置指定的列為可收縮的列。當(dāng)可收縮的列太寬(內(nèi)容過多)不會被擠出屏幕。當(dāng)需要設(shè)置多列為可收縮時，將列序號用逗號隔開。

列元素(Button)屬性：（奇怪的是button 里面沒有android:layout_column 和android:layout_span兩個屬性，寫進去無反應(yīng)，還不知道為什么）

android:layout_colum:設(shè)置該控件在TableRow中指定的列。

android:layout_span:設(shè)置該控件所跨越的列數(shù)。

圖片：

代碼：

  <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>
  <!-- 定義第3個表格，指定第2列橫跨2列-->
 
   <TableLayout
     android:id="@+id/tablelayout04"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     >
 
     <TableRow>
 
      <Button
         android:id="@+id/btn10"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="普通" >
       </Button>
       
       <Button
         android:id="@+id/btn11"
        android:layout_column="2"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="填滿剩余空白" >
       </Button>
    </TableRow>
   </TableLayout>
 </LinearLayout>

希望本文所述對大家學(xué)習(xí)Android軟件編程有所幫助。

您可能感興趣的文章: