android學習筆記9:TableLayout – Android移動開發技術文章_手機開發 Android移動開發教學課程

上一篇:/kf/201112/115573.html

TableLayout即表格佈局,也就是采用行列的方式來管理UI控件,每一個TableRow代表一行,列的數目根據你添加的控件的數目來確定。且可以指定每一列的拉伸收縮。

實現效果如下:

 

 

XML代碼如下:

<?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" 
    > 
<!– 定義第一個表格佈局,指定第2列允許收縮,第3列允許拉伸 –> 
<TableLayout android:id="@+id/TableLayout01"  
    android:layout_width="fill_parent"  
    android:layout_height="wrap_content" 
    android:shrinkColumns="1" 
    android:stretchColumns="2" 

<!– 直接添加按鈕,它自己會占一行 –> 
<Button android:id="@+id/ok1"  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="獨自一行的按鈕" 
    /> 
<!– 添加一個表格行 –> 
<TableRow> 
<!– 為該表格行添加3個按鈕 –> 
<Button android:id="@+id/ok2"  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="普通按鈕" 
    />    
<Button android:id="@+id/ok3"  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="允許被收縮的按鈕" 
    />  
<Button android:id="@+id/ok4"  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="允許被拉伸的按鈕" 
    /> 
</TableRow>    
</TableLayout> 
<!– 定義第二個表格佈局 ,指定第二列隱藏–> 
<TableLayout android:id="@+id/TableLayout01"  
    android:layout_width="fill_parent"  
    android:layout_height="wrap_content" 
    android:collapseColumns="1" 

<!– 直接添加按鈕,它自己會占一行 –> 
<Button android:id="@+id/ok5"  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text=" 獨自一行的按鈕 " 
    /> 
<!–定義一個表格行–> 
<TableRow> 
<!– 為該表格行添加3個按鈕 –> 
<Button android:id="@+id/ok6"  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="普通按鈕1" 
    />    
<Button android:id="@+id/ok7"  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="被隱藏的按鈕" 
    />  
<Button android:id="@+id/ok8"  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="普通按鈕 3" 
    /> 
</TableRow>    
</TableLayout> 
<!– 定義第三個表格佈局 ,指定第2、3兩列可以被拉伸–> 
<TableLayout android:id="@+id/TableLayout01"  
    android:layout_width="fill_parent"  
    android:layout_height="wrap_content" 
    android:stretchColumns="1,2" 

<!– 直接添加按鈕,它自己會占一行 –> 
<Button android:id="@+id/ok9"  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="獨自一行的按鈕" 
    /> 
<!–定義一個表格行–> 
<TableRow> 
<!– 為該表格行添加3個按鈕 –> 
<Button android:id="@+id/ok10"  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="普通按鈕" 
    />    
<Button android:id="@+id/ok11"  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="允許被拉伸的按鈕" 
    />  
<Button android:id="@+id/ok12"  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="允許被拉伸的按鈕" 
    /> 
</TableRow>    
<!–定義一個表格行–> 
<TableRow> 
<!– 為該表格行添加2個按鈕 –> 
<Button android:id="@+id/ok13"  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="普通按鈕" 
    />    
<Button android:id="@+id/ok14"  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="允許被拉伸的按鈕" 
    /> 
</TableRow>    
</TableLayout> 
</LinearLayout> 

摘自 hn307165411的專欄

發佈留言