Android 布局详解 -三表格布局（TableLayout）以及重要属性
扫描二维码
随时随地手机看文章
三表格布局(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 |
<LinearLayout xmlns: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> |
下载文档
