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>