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 > |