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代码和数据适配器动态创建表格布局。