4.TableLayout

TableLayout是一個類似表格排列方式的layout，TableLayout使用TableRow將內容分行，TableLayout主要的功能有下面這幾個項目:

• android:stretchColumns:將指定的欄位填滿剩餘的空間，可以用*代表是全部的欄位
• android:shrinkColumns:將指定的欄位縮小空間，可以用*代表是全部的欄位
• android:collapseColumns:將指定的欄位進行刪除

上面這些設定有一個地方是需要值得注意的欄位的編號是從0開始計算的，下面是TableRow中的功能:

• android:layout_span:合併欄位的格數
• android:layout_column:指定欄位的編號

下面是一些TableLayout的xml範例:

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:stretchColumns="*" > <TableRow> <TextView android:text="帳號:" android:padding="10px" /> <EditText android:padding="10px" android:layout_span="2" /> </TableRow> <TableRow> <TextView android:text="密碼:" android:padding="10px" /> <EditText android:padding="10px" android:layout_span="2" /> </TableRow> <TableRow> <Button android:text="登入" /> <Button android:text="取消" /> <Button android:text="註冊" /> </TableRow> </TableLayout>

上面這個範例android:stretchColumns="*"因為被設為是*號，因此影響了全部的欄位，全部的欄位都會填滿剩餘的空間，下面這個範例指定一個欄位來比較有什麼不同。

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:stretchColumns="0" > <TableRow> <TextView android:text="帳號:" android:padding="10px" /> <EditText android:padding="10px" android:layout_span="2" /> </TableRow> <TableRow> <TextView android:text="密碼:" android:padding="10px" /> <EditText android:padding="10px" android:layout_span="2" /> </TableRow> <TableRow> <Button android:text="登入" /> <Button android:text="取消" /> <Button android:text="註冊" /> </TableRow> </TableLayout>

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:shrinkColumns="*" > <TableRow> <TextView android:text="帳號:" android:padding="10px" /> <EditText android:padding="10px" android:layout_span="2" /> </TableRow> <TableRow> <TextView android:text="密碼:" android:padding="10px" /> <EditText android:padding="10px" android:layout_span="2" /> </TableRow> <TableRow> <Button android:text="登入" /> <Button android:text="取消" /> <Button android:text="註冊" /> </TableRow> </TableLayout>

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:collapseColumns="0" > <TableRow> <TextView android:text="帳號:" android:padding="10px" /> <EditText android:padding="10px" android:layout_span="2" /> </TableRow> <TableRow> <TextView android:text="密碼:" android:padding="10px" /> <EditText android:padding="10px" android:layout_span="2" /> </TableRow> <TableRow> <Button android:text="登入" /> <Button android:text="取消" /> <Button android:text="註冊" /> </TableRow> </TableLayout>