Android-布局管理-表格布局

简要概述:

    表格布局与常见的彪哥相似,以行、列的形式来管理放入其中的UI组件。表格布局使用<TableLayout>标记定义,在表格布局中,能够添加多个<TableRow>标记,每一个<TableRow>标记占用一行。因为<TableRow>标记也是容器,全部还可在该标记找那个添加其余组件,每没加一个组件,表格就会增长一列。在XML中表格布局的基本语法格式以下:android

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    属性列表>
    <TableRow 属性列表>须要添加的UI组件</TableRow>
    多个<TableRow>
</TableLayout>

    TableLayout继承了LinearLayout,所以它彻底支持LinearLayout所支持的所有XML属性。布局

    同时还支持以下所示的XML属性spa

XML属性 描述
android:collapseColumns 设置须要被隐藏列的列序号(序号从0开始),多个列序号之间用逗号“,”分割。
android:shrinkColumns 设置容许被收缩列的列序号(序号从0开始),多个列序号之间用逗号“,”分割。
android:stretchColumns 设置容许被拉伸列的列序号(序号从0开始),多个列序号之间用逗号“,”分割。
android:layout_column 该单元格在第几列显示
android:layout_span 该单元格占据列数,默认为1

样例代码清单:

<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:stretchColumns="0,3">

    <TableRow
        android:id="@+id/tablerow1"
        android:layout_weight="wrap_content"
        android:layout_height="wrap_content">
        <TextView />
        <TextView
            android:id="@+id/textview1"
            android:layout_weight="wrap_content"
            android:layout_height="wrap_content"
            android:text="用户名:"
            android:textSize="24px">
        <EditText
            android:id="@+id/edittext1"
            android:layout_weight="wrap_content"
            android:layout_height="wrap_content"
            android:hint="请输入账号"
            android:textSize="24px"
            android:minWidth="400px"/>
        <TextView />

    </TableRow>
    <TableRow
        android:id="@+id/tablerow2"
        android:layout_weight="wrap_content"
        android:layout_height="wrap_content">
        <TextView />
        <TextView
            android:id="@+id/textview2"
            android:layout_weight="wrap_content"
            android:layout_height="wrap_content"
            android:text="密    码:"
            android:textSize="24px"/>
        <EditText
            android:id="@+id/edittext2"
            android:layout_weight="wrap_content"
            android:layout_height="wrap_content"
            android:hint="请输入密码"
            android:textSize="24px"
            android:minWidth="400px"/>
        <TextView />

    </TableRow>
    <TableRow
        android:id="@+id/tablerow3"
        android:layout_weight="wrap_content"
        android:layout_height="wrap_content">
        <TextView />
        <Button
            android:id="@+id/button1"
            android:layout_weight="wrap_content"
            android:layout_height="wrap_content"
            android:text="登陆"/>

        <Button
            android:id="@+id/button2"
            android:layout_weight="wrap_content"
            android:layout_height="wrap_content"
            android:text="退出"/>
        <TextView />

    </TableRow>

</TableLayout>

效果图以下:.net