TableLayout 常用的三个XMl配置:
1.collapseColumns - 设置 TableLayout 内的 TableRow 中需要隐藏的列的列索引,多个用“,”隔开
2.stretchColumns - 设置 TableLayout 内的 TableRow 中需要拉伸(该列会拉伸到所有可用空间)的列的列索引,多个用“,”隔开
3.shrinkColumns - 设置 TableLayout 内的 TableRow 中需要收缩(为了使其他列不会被挤到屏幕外,此列会自动收缩)的列的列索引,多个用“,”隔开
TableRow 中的内容:
单元格可以为empty,并且通过android:layout_column可以设置index值实现跳开某些单元格。在 TableRow之间,添加View,设置layout_height以及背景色,就可以实现一条间隔线。android:layout_span可以设置合并几个单元格
实例:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<TableLayout
android:id="@+id/tableLayout1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:stretchColumns="*">
<TableRow
android:id="@+id/tableRow1"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<TextView android:text="column1" android:padding="3px"/>
<TextView android:text="column2" android:padding="3px"/>
<TextView android:text="column3" android:padding="3px"/>
<TextView android:text="column4" android:padding="3px"/>
</TableRow>
<TableRow
android:id="@+id/tableRow2"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<TextView android:text="invisible" android:visibility="invisible"/>
<TextView android:text="... ..." android:gravity="center" android:padding="3px"/>
<TextView android:text="... ..." android:padding="3px" android:gravity="center"/>
<TextView android:text="... ..." android:padding="3px" android:gravity="center"/>
</TableRow>
<TableRow
android:id="@+id/tableRow3"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<TextView android:text="... ..." android:gravity="center"/>
<TextView android:text="... ..." android:layout_column="2" android:gravity="center"/>
<TextView android:text="... ..." android:layout_column="3" android:gravity="center"/>
</TableRow>
<TableRow
android:id="@+id/tableRow4"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<TextView android:text="... ... ... ... ... ... ... ..." android:layout_span="4" android:gravity="center"/>
</TableRow>
</TableLayout>
</LinearLayout>
运行结果
1.collapseColumns - 设置 TableLayout 内的 TableRow 中需要隐藏的列的列索引,多个用“,”隔开
2.stretchColumns - 设置 TableLayout 内的 TableRow 中需要拉伸(该列会拉伸到所有可用空间)的列的列索引,多个用“,”隔开
3.shrinkColumns - 设置 TableLayout 内的 TableRow 中需要收缩(为了使其他列不会被挤到屏幕外,此列会自动收缩)的列的列索引,多个用“,”隔开
TableRow 中的内容:
单元格可以为empty,并且通过android:layout_column可以设置index值实现跳开某些单元格。在 TableRow之间,添加View,设置layout_height以及背景色,就可以实现一条间隔线。android:layout_span可以设置合并几个单元格
实例:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<TableLayout
android:id="@+id/tableLayout1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:stretchColumns="*">
<TableRow
android:id="@+id/tableRow1"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<TextView android:text="column1" android:padding="3px"/>
<TextView android:text="column2" android:padding="3px"/>
<TextView android:text="column3" android:padding="3px"/>
<TextView android:text="column4" android:padding="3px"/>
</TableRow>
<TableRow
android:id="@+id/tableRow2"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<TextView android:text="invisible" android:visibility="invisible"/>
<TextView android:text="... ..." android:gravity="center" android:padding="3px"/>
<TextView android:text="... ..." android:padding="3px" android:gravity="center"/>
<TextView android:text="... ..." android:padding="3px" android:gravity="center"/>
</TableRow>
<TableRow
android:id="@+id/tableRow3"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<TextView android:text="... ..." android:gravity="center"/>
<TextView android:text="... ..." android:layout_column="2" android:gravity="center"/>
<TextView android:text="... ..." android:layout_column="3" android:gravity="center"/>
</TableRow>
<TableRow
android:id="@+id/tableRow4"
android:layout_width="wrap_content"
android:layout_height="wrap_content" >
<TextView android:text="... ... ... ... ... ... ... ..." android:layout_span="4" android:gravity="center"/>
</TableRow>
</TableLayout>
</LinearLayout>
运行结果