Android | XML表格佈局

---

表格佈局三個屬性

下圖是表格佈局最重要的三個屬性：

如果我們直接往TableLayout裏面放一個組件的話，那麼這個組件將會佔滿一行。如果想要多個組件，那就需要用<TableRow></TableRow>這個標籤把所有的組件放進去。TableLayout的Layout_Width默認爲fill_parent即填充一整行。

下面三個屬性全部寫在TableLayout內

隱藏collapseColumns

格式：

android:collapseColumns="指定的列"

隱藏屬性即把指定列（列從0開始計數）隱藏起來。可以指定多個列，中間用，間隔

拉伸stretchColumns

格式：

android:stretchColumns="指定的列"

同上

收縮shrinkColumns

格式：

android:shrinkColumns="指定的列"

同上

下面寫個代碼：

效果預覽：

從上至下分別是：隱藏、伸張、收縮

代碼：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TableLayout
        android:id="@+id/table1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:collapseColumns="0,2" >

        <TableRow>

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="btn1" />

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="btn2" />

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="btn3" />

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="btn4" />

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="btn5" />
        </TableRow>
    </TableLayout>

    <TableLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:stretchColumns="0,2" >

        <TableRow>

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="btn6" />

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="btn7" />

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="btn8" />

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="btn9" />
        </TableRow>
    </TableLayout>

    <TableLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:shrinkColumns="1" >

       <TableRow>

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="btn10" />

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="btn11" />

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="btn12" />

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="btn13" />
            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="btn14" />

        </TableRow>
    </TableLayout>

</LinearLayout>