Android中的Table Layout

表格版面配置以表格行為基礎，行內的一個UI元素為1列，可以設定一個UI元素跨多了在使用layout_span的屬性。

1. TableLayout - 表格式布局。  
2. TableRow - 表格內的行，行內每一個元素算作一列  
3. collapseColumns - 設定 TableLayout 內的 TableRow 中需要隱藏的列的列索引，多個用“,”隔開  
4. stretchColumns - 設定 TableLayout 內的 TableRow 中需要展開（該列會展開到所有可用空間）的列的列索引，多個用“,”隔開  
5. shrinkColumns - 設定 TableLayout 內的 TableRow 中需要收縮（為了使其他列不會被擠到螢幕外，此列會自動收縮）的列的列索引，多個用“,”隔開  

 

 2 <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
 3              android:id="@+id/tablelayout1"
 4              android:layout_width="fill_parent"
 5              android:layout_height="fill_parent"
 6              android:collapseColumns="0,3">
 7 <TableRow>
 8     <TextView android:text="URL:"/>
 9     <EditText android:id="@+id/url"
10               android:layout_span="3"/>
11 </TableRow>
12 <View
13     android:layout_height="2px"
14     android:background="#0000FF" />
15   <TableRow>
16     <Button android:id="@+id/cancel"
17       android:layout_column="2"
18       android:text="Cancel" />
19     <Button android:id="@+id/ok"
20       android:text="OK" />
21   </TableRow>
22 </TableLayout> 

 

注意到EditText控制項和ok按鈕控制項的列索引屬性。因為EditText跨了3列，所以被隱藏了。