三表格布局(TableLayout)以及重要属性

TableLayout跟TableRow 是一组搭配应用的布局，TableLayout置底，TableRow在TableLayout的上方，而Button、TextView等控件就在TableRow之上，别的，TableLayout之上也可以零丁放控件。TableLayout是一个应用错杂的布局，最简单的用法就仅仅是拖沓控件做出个界面，但实际上，会经常在代码里应用TableLayout，例如做出表格的结果。本文首要介绍TableLayout的根蒂根基应用办法。

重要的几个属性如下：

1.android:collapseColumns：//隐藏指定的列

①设置 TableLayout 内的 TableRow 中需要隐藏的列的列索引，多个用“,”隔开

②以第0行为序，隐藏指定的列：把android:collapseColumns=0,3 意思是把第0和第3列隐藏

2.android:shrinkColumns：//收缩指定的列以适合屏幕、不会挤出屏幕 ① 设置 TableLayout 内的 TableRow 中需要拉伸(该列会拉伸到所有可用空间)的列的列索引，多列个用“,”隔开(多列 每列填充空隙大小一样)

②以第0行为序，自动延伸指定的列填充可用部分： 当LayoutRow里面的控件还没有布满布局时，shrinkColumns不起作用。

③设置了shrinkColumns=1,4，布局完全没有改变，因为LayoutRow里面还剩足够的空间。当LayoutRow布满控件时,设置了shrinkColumns=2，5，则控件自动向垂直方向填充空间

3.android:stretchColumns：//尽量把指定的列表填充空白部分

①设置 TableLayout 内的 TableRow 中需要收缩(为了使其他列不会被挤到屏幕 外，此列会自动收缩)的列的列索引，多个用“,”隔开

② 以第0行为序，尽量把指定的列填充空白部分:设置stretchColumns=2，5，第1，4列被尽量填充同时向右填充,直到2，5被压挤到最后边)。

补充：

①表格布局的子对象不能指定 layout_width 属性.宽度永远是 MATCH_PARENT。

②不过子对象可以定义 layout_height 属性;其默认值是WRAP_CONTENT. 如果子对象是 TableRow，其高度永远是 WRAP_CONTENT。

实例：

001 <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android" 002 xmlns:tools="http://schemas.android.com/tools" 003 android:layout_width="match_parent" 004 android:layout_height="match_parent" 005 android:orientation="vertical" 006 tools:context=".AndroidTableLayoutActivity"> 007 008 <!-- 定义第一个表格，指定第2列允许收缩，第3列允许拉伸 --> 009 010 <TableLayout 011 android:id="@+id/tablelayout01" 012 android:layout_width="match_parent" 013 android:layout_height="wrap_content" 014 android:shrinkColumns="1" 015 android:stretchColumns="2"> 016 017 <!-- 直接添加按钮，自己占用一行 --> 018 019 <Button 020 android:id="@+id/btn01" 021 android:layout_width="wrap_content" 022 android:layout_height="wrap_content" 023 android:text="独自一行"> 024 </Button> 025 026 <TableRow> 027 028 <Button 029 android:id="@+id/btn02" 030 android:layout_width="wrap_content" 031 android:layout_height="wrap_content" 032 android:text="普通"> 033 </Button> 034 035 <Button 036 android:id="@+id/btn03" 037 android:layout_width="wrap_content" 038 android:layout_height="wrap_content" 039 android:text="允许被收缩允许被收缩允许被收缩允许被收缩"> 040 </Button> 041 042 <Button 043 android:id="@+id/btn04" 044 android:layout_width="wrap_content" 045 android:layout_height="wrap_content" 046 android:text="允许被拉伸允许被拉伸允许被拉伸"> 047 </Button> 048 </TableRow> 049 </TableLayout> 050 <!-- 定义第2个表格，指定第2列隐藏 --> 051 052 <TableLayout 053 android:id="@+id/tablelayout02" 054 android:layout_width="match_parent" 055 android:layout_height="wrap_content" 056 android:collapseColumns="1"> 057 058 <TableRow> 059 060 <Button 061 android:id="@+id/btn05" 062 android:layout_width="wrap_content" 063 android:layout_height="wrap_content" 064 android:text="普通"> 065 </Button> 066 067 <Button 068 android:id="@+id/btn06" 069 android:layout_width="wrap_content" 070 android:layout_height="wrap_content" 071 android:text="被隐藏列"> 072 </Button> 073 074 <Button 075 android:id="@+id/btn07" 076 android:layout_width="wrap_content" 077 android:layout_height="wrap_content" 078 android:text="允许被拉伸"> 079 </Button> 080 </TableRow> 081 </TableLayout> 082 <!-- 定义第3个表格，指定第2列填满空白 --> 083 084 <TableLayout 085 android:id="@+id/tablelayout03" 086 android:layout_width="match_parent" 087 android:layout_height="wrap_content" 088 android:stretchColumns="1"> 089 090 <TableRow> 091 092 <Button 093 android:id="@+id/btn08" 094 android:layout_width="wrap_content" 095 android:layout_height="wrap_content" 096 android:text="普通"> 097 </Button> 098 099 <Button 100 android:id="@+id/btn09" 101 android:layout_width="wrap_content" 102 android:layout_height="wrap_content" 103 android:text="填满剩余空白"> 104 </Button> 105 </TableRow> 106 </TableLayout> 107 <!-- 定义第3个表格，指定第2列横跨2列 --> 108 109 <TableLayout 110 android:id="@+id/tablelayout04" 111 android:layout_width="match_parent" 112 android:layout_height="wrap_content"> 113 114 <TableRow> 115 116 <Button 117 android:id="@+id/btn10" 118 android:layout_width="wrap_content" 119 android:layout_height="wrap_content" 120 android:text="普通"> 121 </Button> 122 123 <Button 124 android:id="@+id/btn11" 125 android:layout_width="wrap_content" 126 android:layout_height="wrap_content" 127 android:layout_column="2" 128 android:text="填满剩余空白"> 129 </Button> 130 </TableRow> 131 </TableLayout> 132 133 </LinearLayout>