布局管理器——表格布局

来源:互联网 发布:知乎 扒皮 编辑:程序博客网 时间:2024/06/15 14:28

      • 介绍
      • 用例

介绍

表格布局由TableLayout类代表,其会采用行、列的形式来管理UI组件。

TableLayout通过添加TableRow、其它组件来控制表格的行数和列数,而不需要明确地声明包含多少行、多少列。

每次向TableLayout中添加一个TableRow,该TableRow就是一个表格行,TableRow也是容器,因此它也可以不断地添加其它组件,每添加一个子组件该表格就增加一列。若直接向TableLayout中添加组件,那么这个组件将直接占用一行

在表格布局中,列的宽度由该列中最宽的那个单元格决定,整个表格布局的宽度则取决于父容器的宽度(默认总是占满父容器本身)。

列单元格常用的三种行为方式:

  • Shrinkable。该列的所有单元格的宽度可以被收缩,以保证该表格能适应父容器的宽度
  • Stretchable。该列的所有单元格的宽度可以被拉伸,以保证组件能完全填满表格空余空间
  • Collapsed。该列的所有单元格会被隐藏

用例

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:gravity="bottom|center_horizontal"    android:orientation="vertical"><!--定义一个表格布局,指定第2列允许收缩,第3列允许拉伸,第4列允许隐藏。第一行是一个Button,而第二行是四个Button-->    <TableLayout        android:id="@+id/tableLayout"        android:layout_width="fill_parent"        android:layout_height="fill_parent"        android:shrinkColumns="2"        android:stretchColumns="3"        android:collapseColumns="4">        <Button            android:id="@+id/button"            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="Button" />        <TableRow>            <Button android:id="@+id/button1"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="Button1"/>            <Button android:id="@+id/button2"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="Button2"/>            <Button android:id="@+id/button3"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="Button3"/>            <Button android:id="@+id/button4"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="Button4"/>        </TableRow>    </TableLayout></LinearLayout>

相应地界面展示结果:

图1


摘自《疯狂Android讲义》