欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Android开发:表格布局

程序员文章站 2022-05-31 10:56:08
...

表格布局继承自线性布局,其本质依旧是线性布局管理器。

  1. 如果直接向TableLayout中添加组件,则该组件占据一行。
  2. 向TableLayout中添加行:TableRow
  3. 列的宽度:取决于该列中最宽的单元格。
  4. 表格宽度:取决于父容器的宽度。
  5. 列数:取决于列数最多的行。
  6. 行为方式有如下3种:
    (1)shrinkColumns:该列单元格可收缩,以适应父容器的宽度。
    (2)stretchColumns:改列单元格可拉伸,以填满父容器。
    (3)collapseColumns:隐藏该列。
    xml文件
    Android开发:表格布局
<?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">

    <!--定义一个表格布局-->
    <!--第2列允许收缩,第3列允许拉伸-->
    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:shrinkColumns="1"
        android:stretchColumns="2">

        <!--直接添加按钮,占据一行-->
        <Button
            android:id="@+id/btn_A1"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:text="这个按钮会占据一行"/>

        <!--添加一个TableRow-->
        <TableRow>
            <Button
                android:id="@+id/btn_A2_1"
                android:layout_height="wrap_content"
                android:layout_width="wrap_content"
                android:text="普通按钮"/>

            <Button
                android:id="@+id/btn_A2_2"
                android:layout_height="wrap_content"
                android:layout_width="wrap_content"
                android:text="收缩按钮"/>

            <Button
                android:id="@+id/btn_A2_3"
                android:layout_height="wrap_content"
                android:layout_width="wrap_content"
                android:text="拉伸按钮"/>

        </TableRow>

    </TableLayout>

    <!--第2个表格布局-->
    <!--隐藏第2列-->
    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:collapseColumns="1">

        <!--直接添加按钮,占据一行-->
        <Button
            android:id="@+id/btn_B1"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:text="这个按钮会占据一行"/>

        <!--添加一个TableRow-->
        <TableRow>
            <Button
                android:id="@+id/btn_B2_1"
                android:layout_height="wrap_content"
                android:layout_width="wrap_content"
                android:text="普通按钮"/>

            <!--第2列:被隐藏了-->
            <Button
                android:id="@+id/btn_B2_2"
                android:layout_height="wrap_content"
                android:layout_width="wrap_content"
                android:text="收缩按钮"/>

            <Button
                android:id="@+id/btn_B2_3"
                android:layout_height="wrap_content"
                android:layout_width="wrap_content"
                android:text="拉伸按钮"/>

        </TableRow>

    </TableLayout>

    <!--第3个表格布局:第2列和第3列可以被拉伸-->
    <TableLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:stretchColumns="1,2">

        <!--第1行:直接添加按钮,占据一行-->
        <Button
            android:id="@+id/btn_C1"
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:text="这个按钮会占据一行"/>

        <!--第2行:添加一个TableRow-->
        <TableRow>
            <Button
                android:id="@+id/btn_C2_1"
                android:layout_height="wrap_content"
                android:layout_width="wrap_content"
                android:text="普通按钮"/>

            <Button
                android:id="@+id/btn_C2_2"
                android:layout_height="wrap_content"
                android:layout_width="wrap_content"
                android:text="拉伸按钮"/>

            <Button
                android:id="@+id/btn_C2_3"
                android:layout_height="wrap_content"
                android:layout_width="wrap_content"
                android:text="拉伸按钮"/>

        </TableRow>

        <!--第3行:添加一个TableRow-->
        <!--第3行只有两个单元格,因此第3个单元格是空着的-->
        <TableRow>

            <Button
                android:id="@+id/btn_C3_1"
                android:layout_height="wrap_content"
                android:layout_width="wrap_content"
                android:text="普通按钮"/>

            <Button
                android:id="@+id/btn_C3_2"
                android:layout_height="wrap_content"
                android:layout_width="wrap_content"
                android:text="拉伸按钮"/>

        </TableRow>

    </TableLayout>

</LinearLayout>
相关标签: android 安卓