Android 程式開發：（五）屏幕組件 —— 5.4 TableLayout表格佈局

TableLayout可以把視圖views組織成“行”或“列”。可以使用<TableRow>元素指定表格中的一行。每一行又可以包含一個或多個視圖。每行中的每個視圖組成瞭表格的一個元素。每列的寬度，取決於這一列中寬度最大的視圖view。

觀察main.xml中的代碼：

1. <?xml version="1.0" encoding="utf-8"?>  
2. <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="fill_parent"  
4.     android:layout_height="fill_parent" >  
5.   
6.     <TableRow>  
7.   
8.         <TextView  
9.             android:text="User Name:"  
10.             android:width="120dp" />  
11.   
12.         <EditText  
13.             android:id="@+id/txtUserName"  
14.             android:width="200dp" />  
15.     </TableRow>  
16.   
17.     <TableRow>  
18.   
19.         <TextView android:text="Password:" />  
20.   
21.         <EditText  
22.             android:id="@+id/txtUserName"  
23.             android:password="true" />  
24.     </TableRow>  
25.   
26.     <TableRow>  
27.   
28.         <TextView />  
29.   
30.         <CheckBox  
31.             android:id="@+id/chkRememberPassword"  
32.             android:layout_width="fill_parent"  
33.             android:layout_height="wrap_content"  
34.             android:text="Remember Password" />  
35.     </TableRow>  
36.   
37.     <TableRow>  
38.   
39.         <Button  
40.             android:id="@+id/buttonSignIn"  
41.             android:text="Log In" />  
42.     </TableRow>  
43.   
44. </TableLayout>  

模擬器上的效果圖：

以上的例子，TableLayout中有2列，4行。在“Password” TextView視圖的正下方，是一個空的<TextView>元素。如果不這麼做的話，“Remember Password” CheckBox就會出現在“Password”TextView視圖的下面，就像這樣：

摘自 manoel的專欄