您的位置：首页 > 移动开发 > Android开发

android-TableLayout 表格布局

2011-09-21 09:01 513 查看

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:stretchColumns="1"
android:shrinkColumns="1"
>

<TableRow>
<TextView android:text="Open..."
android:layout_column="1" android:padding="3dip" />
<TextView android:text="Ctrl-O"
android:gravity="right" android:padding="3dip" />
</TableRow>

<TableRow>
<TextView android:text="Save..."
android:layout_column="1" android:padding="3dip" />
<TextView android:text="Ctrl-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:text="Quit... And Do A Lot Of Stuff Just To Be Too Long For This Screen Because It Is A Test After All"
android:layout_column="1" android:padding="3dip" />
</TableRow>
<TableRow>
<EditText android:hint="Test Edit" android:layout_span="3"
android:padding="3dip" />
</TableRow>
</TableLayout>

在一个Activity中调用它，然后运行，效果如下图：

效果还不错吧（废话，这是Android API Demo中的例子！）。好吧，我们逐一讲解。

如何放置空白的单元格？

利用android:layout_column，指定该单元格的起始位置，则之前的单元格自动留空，如果希望后面的单元格留空，则直接不写即可。例如：

1 2	<TextView android:text="Open..." android:layout_column="1" android:padding="3dip" />

如何右对齐？

利用android:gravity指定TextView中的内容右对齐，注意不是layout_gravity。

例如：

1 2	<TextView android:text="Ctrl-O" android:gravity="right" android:padding="3dip" />

分割线？分割线！

直接添加1个View在TableLayout中，该View的宽度会自动的fill_parent，指定高度和背景色即可。例如：

1 2	<View android:layout_height="2dip" android:background="#FF909090" />

如何让1个单元格跨列（Column Span）？

使用android:layout_span来指定Column Span的列数。例如：

1 2	<EditText android:hint="Test Edit" android:layout_span="2" android:padding="3dip" />

注意：只有在TableRow中的控件才需要使用layout_span，直接添加在TableLayout中的控件会自动span所有的列。

如何让某些列自动扩展？就象LinearLayout中的layout_weight一样？

初次使用TableLayout的人可能会习惯性的使用layout_weight，希望该View能自动的在TableRow扩展，但正确的做法应该是在TableLayout定义中添加属性android:stretchColumns，值为需要自动扩展的列的序号。下面是例子。

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:stretchColumns="1"
android:shrinkColumns="1"
>

担心某列内容过多，从而挤压其它的列，甚至超出范围？

同上，在TAbleLayout中添加属性android:shrinkColumns，值为需要自动折行的列的序号。

试着把Layout定义中的android:stretchColumns和android:shrinkColumns去掉，再看看效果？

注意事项：
column的序号是从0开始的。

TableLayout中的元素通常不需要指定宽和高，尤其是宽，TableRow或其它TableLayout的子控件的宽度都是fill_parent，高度是wrap_content。添加在TableRow中的子控件的宽和高都是wrap_content。

TableRow中的控件是自动对齐的，除非你使用了layout_span。

TableLayout中的数据一般是事先准备好的，如果需要动态数据，最好还是使用ListView。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航