Android布局之三——Table Layout

最新推荐文章于 2024-03-16 22:41:56 发布

原创最新推荐文章于 2024-03-16 22:41:56 发布 · 1w 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#android #table #layout #html #encoding

本文通过一个具体的XML文件示例，详细介绍了Android中TableLayout的使用方法，包括如何定义表格结构、设置列宽以及实现自定义列数等功能。

又是一周没有学习了，废话不多说,直接上XML文件代码:

<?xml version="1.0" encoding="utf-8"?> <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:stretchColumns="1"> <TableRow> <TextView android:layout_column="1" android:text="Open..." android:padding="3dip" /> <TextView android:text="Ctrl-O" android:gravity="right" android:padding="3dip" /> </TableRow> <TableRow> <TextView android:layout_column="1" android:text="Save..." android:padding="3dip" /> <TextView android:text="Ctrl-S" android:gravity="right" android:padding="3dip" /> </TableRow> <TableRow> <TextView android:layout_column="1" android:text="Save As..." android:padding="3dip" /> <TextView android:text="Ctrl-Shift-S" android:gravity="right" android:padding="3dip" /> </TableRow> <View android:layout_height="2dip" android:background="#FF909090" /> <TableRow> <TextView android:text="X" android:padding="3dip" /> <TextView android:text="Import..." android:padding="3dip" /> </TableRow> <TableRow> <TextView android:text="X" android:padding="3dip" /> <TextView android:text="Export..." android:padding="3dip" /> <TextView android:text="Ctrl-E" android:gravity="right" android:padding="3dip" /> </TableRow> <View android:layout_height="2dip" android:background="#FF909090" /> <TableRow> <TextView android:layout_column="1" android:text="Quit" android:padding="3dip" /> </TableRow> </TableLayout>

注意:这类似于一个HTML表的结构。
TableLayout类似于HTML元素的table;
TableRow的类似于HTML元素的tr;
但对于单元格,您可以使用任何一种组件。在这个例子中,一个TextView相当于一个单元格。
TableRow与TableRow之间的View用来绘制一条水平线。

TableLayout xmlns:android="http://schemas.android.com/apk/res/android" //表明此Activity使用表格布局
android:layout_width="fill_parent" //自适应宽
android:layout_height="fill_parent" //自适应高
android:stretchColumns="1" //是设置 TableLayout所有行的第二列为扩展列,也就是说如果每行都有三列的话，剩余的空间由第二列补齐

第一行:
第一行: <TableRow > <TextView android:background="#3300cc" //背景色 android:layout_column="0" //单元格的索引,0为第一个 android:text="Open..." //内容 android:padding="3dip" /> //组件间的边距 <TextView android:background="#996600" android:text="Ctrl-O" android:gravity="right" //指定如何对齐文本,因为单元格过宽,所以需要指定 android:padding="3dip" /> </TableRow>
android:layout_column="0" //单元格的索引,0为第一个
这里要特别说明一下，经试验感觉Android中Table布局，这个Table并不像网页中的Table，列是固定的，你可以合并单元格，但是这里的列数是不固定，你如果设置为0，此组件排列在第一个列，如果你设置为1，则自动前面会多出一列，排列在第二列了。
我这样变了一下：
<TableRow> <TextView android:layout_column="0" android:text="Open..." android:padding="3dip" android:background="#ffff00" /> <TextView android:layout_column="3" android:text="Ctrl-O" android:gravity="right" android:padding="3dip" android:background="#660000" /> </TableRow>

表格自动变成了四列，这里并不像HTML的表格那样，网页中如果要四列

<table> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> </table>

Android中却是

<table> <tr> <td layout_column=0></td> <td layout_column=4></td> </tr> </table>
这样就实现了四列，他的列是根据列的下标来定的，所以布局时要注意这一点。

其它的地方解释一下

一条线，相当于HTML中的<hr />

android:padding="3dip"相当于HTML中的CSS中的padding属性，指容器内的内容与容器的边距，不过这里不是用px为单位，而是dip为单位，注意一下就可以了。