android表格布局(tablelayout)

Android表格布局(TableLayout)攻略

在Android中，表格布局(TableLayout)是一种常用的布局方式，可以用于显示数据表格、菜单等。本攻略将详细介绍如何使用表格布局，包括表格布局的基本结构、属性设置和示例说明。

基本结构

表格布局的基本结构如下：

<TableLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TableRow>
        <!-- 第一行 -->
        <TextView
            android:text="第一行第一列"
            android:layout_column="1" />
        <TextView
            android:text="第一行第二列"
            android:layout_column="2" />
    </TableRow>

    <TableRow>
        <!-- 第二行 -->
        <TextView
            android:text="第二行第一列"
            android:layout_column="1" />
        <TextView
            android:text="第二行第二列"
            android:layout_column="2" />
    </TableRow>

    <!-- 其他行 -->

</TableLayout>

在上面的示例中，我们使用了一个TableLayout和两个TableRow来创建一个简单的表格布局。每个TableRow代表表格中的一行，每个TextView代表表格中的一个单元格。通过设置TextView的android:layout_column属性，可以指定TextView所在的列。

属性设置

表格布局的常用属性如下：

• android:shrinkColumns：指定可以缩小的列的索引，多个列用逗号分隔。
• android:stretchColumns：指定可以拉伸的列的索引，多个列用逗号分隔。
• android:collapseColumns：指定可以折叠的列的索引，多个列用逗号隔。
• android:layout_span：指定单元格跨越的列数。
• android:layout_column：指定单元格所在的列的索引。

示例1：简单表格布局

以下是一个简单的表格布局示例：

<TableLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TableRow>
        <TextView
            android:text="姓名"
            android:layout_column="1" />
        <TextView
            android:text="年龄"
            android:layout_column="2" />
    </TableRow>

    <TableRow>
        <TextView
            android:text="张三"
            android:layout_column="1" />
        <TextView
            android:text="20"
            android:layout_column="2" />
    </TableRow>

    <TableRow>
        <TextView
            android:text="李四"
            android:layout_column="1" />
        <TextView
            android:text="25"
            android:layout_column="2" />
    </TableRow>

</TableLayout>

在上面的示例中，我们创建了一个简单的表格布局，用于显示姓名和年龄的数据。

示例2：复杂表格布局

以下是一个复杂的表格布局示例：

<TableLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:shrinkColumns="1"
    android:stretchColumns="1">

    <TableRow>
        <TextView
            android:text="姓名"
            android:layout_column="1" />
        <TextView
            android:text="年龄"
            android:layout_column="2" />
        <TextView
            android:text="性别"
            android:layout_column="3" />
    </TableRow>

    <TableRow>
        <TextView
            android:text="张三"
            android:layout_column="1" />
        <TextView
            android:text="20"
            android:layout_column="2" />
        <TextView
            android:text="男"
            android:layout_column="3" />
    </TableRow>

    <TableRow>
        <TextView
            android:text="李四"
            android:layout_column="1" />
        <TextView
            android:text="25"
            android:layout_column="2" />
        <TextView
            android:text="女"
            android:layout_column="3" />
    </TableRow>

    <TableRow>
        <TextView
            android:text="王五"
            android:layout_column="1" />
        <TextView
            android:text="30"
            android:layout_column="2" />
        <TextView
            android:text="男"
            android:layout_column="3" />
    </TableRow>

</TableLayout>

在上面的示例中，我们创建了一个复杂的表格布局，用于显示姓名、年龄和性别的数据。通过设置android:shrinkColumns和android:stretchColumns属性，可以指定可以缩小和拉伸的列的索引。

注意事项

• 在使用表格布局时，需要注意单元格的跨越列数和所在列的索引。
• 在设置表格布局的属性时，需要根据实际需求选择适当的属性值。

结论

通过以上步骤和示例，我们了解了如何使用表格布局(TableLayout)。在实际应用中，可以根据实际需求创建不同的表格布局，以便更好地显示数据表格、菜单等。

示例3：动态创建表格布局

以下是一个动态创建表格布局的示例：

TableLayout tableLayout = findViewById(R.id.table_layout);

for (int i = 0; i < 3; i++) {
    TableRow tableRow = new TableRow(this);
    tableRow.setLayoutParams(new TableLayout.LayoutParams(
            TableLayout.LayoutParams.MATCH_PARENT,
            TableLayout.LayoutParams.WRAP_CONTENT));

    TextView textView1 = new TextView(this);
    textView1.setText("第" + (i + 1) + "行第1列");
    textView1.setLayoutParams(new TableRow.LayoutParams(
            TableRow.LayoutParams.WRAP_CONTENT,
            TableRow.LayoutParams.WRAP_CONTENT));

    TextView textView2 = new TextView(this);
    textView2.setText("第" + (i + 1) + "行第2列");
    textView2.setLayoutParams(new TableRow.LayoutParams(
            TableRow.LayoutParams.WRAP_CONTENT,
            TableRow.LayoutParams.WRAP_CONTENT));

    tableRow.addView(textView1);
    tableRow.addView(textView2);

    tableLayout.addView(tableRow);
}

在上面的示例中，我们使用Java代码动态创建了一个包含3行2列的表格布局。通过创建TableRow和TextView对象，并设置其LayoutParams和属性，然后将其添加到TableLayout中，即可动态创建表格布局。

示例4：使用数据适配器创建表格布局

以下是一个使用数据适配器创建表格布局的示例：

public class MyAdapter extends BaseAdapter {
    private List<String> mData;

    public MyAdapter(List<String> data) {
        mData = data;
    }

    @Override
    public int getCount() {
        return mData.size();
    }

    @Override
    public Object getItem(int position) {
        return mData.get(position);
    }

    @Override
    public long getItemId(int position) {
        return position;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        if (convertView == null) {
            convertView = LayoutInflater.from(parent.getContext())
                    .inflate(R.layout.item_table_row, parent, false);
        }

        TextView textView1 = convertView.findViewById(R.id.text_view1);
        TextView textView2 = convertView.findViewById(R.id.text_view2);

        String[] data = mData.get(position).split(",");
        textView1.setText(data[0]);
        textView2.setText(data[1]);

        return convertView;
    }
}

在上面的示例中，我们创建了一个数据适配器MyAdapter，用于将数据绑定到表格布局中。在getView方法中，我们使用LayoutInflater动态加载item_table_row布局，并将数据绑定到TextView中，然后返回convertView。

<TableLayout
    android:id="@+id/table_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <TableRow
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:text="列1"
            android:layout_column="1" />

        <TextView
            android:text="列2"
            android:layout_column="2" />

    </TableRow>

</TableLayout>

在上面的示例中，我们创建了一个包含两列的表格布局，用于显示数据。在布局中，我们使用了一个TableRow作为表头，用于显示列名。

List<String> data = new ArrayList<>();
data.add("张三,20");
data.add("李四,25");
data.add("王五,30");

MyAdapter adapter = new MyAdapter(data);
listView = findViewById(R.id.list_view);
listView.setAdapter(adapter);

在上面的示例中，我们创建了一个包含3条数据的List，并使用MyAdapter将数据绑定到表格布局中。通过设置ListView的适配器，即可将数据显示在表格布局中。

注意事项

• 在动态创建表格布局时，需要注意设置LayoutParams和属性。
• 在使用数据适配器创建表格布局时，需要注意绑定数据和布局。

结论

通过以上步骤和示例，我们了解了如何使用表格布局(TableLayout)。在实际应用中，可以根据实际需求创建不同的表格布局，以便更好地显示数据表格、菜单等。同时，我们还学习了如何使用Java代码和数据适配器动态创建表格布局。