Android表格布局示例

最新推荐文章于 2024-03-22 07:00:00 发布

原创最新推荐文章于 2024-03-22 07:00:00 发布 · 973 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#android #表格布局

Android 专栏收录该内容

16 篇文章

订阅专栏

本文介绍了一个具体的表格布局(TableLayout)实现案例，展示了如何通过TableRow定义多行，并在每一行中放置TextView、EditText和Button等子组件。代码示例中包含了三行元素，详细说明了如何设置宽度、高度等属性。

表格布局以行、列表格的方式布局子组件。TableLayout中使用TableRow来定义多行。
代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TableLayout
        android:id="@+id/TableLayout01"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:collapseColumns="2"
        android:stretchColumns="1"
        >

        <TableRow
            android:id="@+id/TableRow01"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">

            <TextView
                android:text="@string/TextView01"
                android:id="@+id/TextView01"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                ></TextView>

            <EditText
                android:text="@string/EditText01"
                android:id="@+id/EditText01"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                ></EditText>
        </TableRow>

        <TableRow
            android:id="@+id/TableRow02"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">

            <TextView
                android:text="@string/TextView02"
                android:id="@+id/TextView02"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                ></TextView>

            <EditText
                android:text="@string/EditText02"
                android:id="@+id/EditText02"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                ></EditText>
        </TableRow>

        <TableRow
            android:id="@+id/TableRow03"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
            <Button
                android:text="@string/Button01"
                android:id="@+id/Button01"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                ></Button>

            <Button
                android:text="@string/Button02"
                android:id="@+id/Button02"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                ></Button>
        </TableRow>
    </TableLayout>
</LinearLayout>

调试结果：
这里写图片描述