android_基础_表格布局

转载自: https://www.cnblogs.com/easyidea/p/10496410.html

android表格布局

TableRow不需要设置宽度layout_width和高度layoutJieight，其宽度一定是match_parent，即自动填充父容器，高度一定为wrap_content，即根据内容改变高度。但对于TableRow中的其他控件来说，是可以设置宽度和高度的，但必其须是 wrap_content 或者 fill_parent。

1、TableLayout继承了 LinearLayout，因此它的本质依然是线性布局管理器。每次向TableLayout中添加一个TableRow，该TableRow就是一个表格行，TableRow也是容器，因此它也可以不断地添加其他组件，每添加一个子组件该表格就增加一列。如果直接向TableLayout中添加组件，那么这个组件将直接占用一行。

2、表格三种属性

• Shrinkable：如果某个列被设为Shrinkable，那么该列的所有单元格的宽度可以被收缩，以保证该表格能适应父容器的宽度。

• Stretchable：如果某个列被设为Stretchable，那么该列的所有单元格的宽度可以被拉伸，以保证组件能完全填满表格空余空间。

• Collapsed：如果某个列被设为Collapsed，那么该列的所有单元格会被隐藏。

3、代码示例

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".Main3Activity">
    <!-- 定义第一个表格布局，指定第2列允许收缩，第3列允许拉伸 -->
    <TableLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:shrinkColumns="1" android:stretchColumns="2">
        <!--单独的按钮 放在TableLayout里面占据一行-->
        <Button android:id="@+id/button14" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Button" />
        <TableRow android:layout_width="match_parent" android:layout_height="match_parent" >
            <Button android:id="@+id/button3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="1按钮" />
            <Button android:id="@+id/button4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="1收缩" />
            <Button android:id="@+id/button5" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="1拉伸" />
        </TableRow>
    </TableLayout>
    <!-- 定义第2个表格布局，指定第2列隐藏-->
    <TableLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:collapseColumns="1">
        <TableRow android:layout_width="match_parent" android:layout_height="match_parent" >
            <Button android:id="@+id/button6" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="2后一个被隐藏" />
            <Button android:id="@+id/button7" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="被隐藏按钮" />
            <Button android:id="@+id/button8" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="2前一个被隐藏" />
        </TableRow>
    </TableLayout>
    <!--定义第3个表格布局，指定第2列和第3列可以被拉伸-->
    <TableLayout android:layout_width="match_parent" android:layout_height="match_parent" android:stretchColumns="1,2">
        <TableRow android:layout_width="match_parent" android:layout_height="match_parent" >
            <Button android:id="@+id/button9" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="3按钮" />
            <Button android:id="@+id/button10" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="3拉伸" />
            <Button android:id="@+id/button11" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="3拉伸" />
        </TableRow>
        <TableRow android:layout_width="match_parent" android:layout_height="match_parent" >
            <Button android:id="@+id/button12" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="3按钮" />
            <Button android:id="@+id/button13" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="3拉伸" />
        </TableRow>
    </TableLayout>
</LinearLayout>

4、运行结果

5、注意事项

TableRow不需要设置宽度layout_width和高度layoutJieight，其宽度一定是match_parent，即自动填充父容器，高度一定为wrap_content，即根据内容改变高度。但对于TableRow中的其他控件来说，是可以设置宽度和高度的，但必其须是 wrap_content 或者 fill_parent。