丈夫欲遂平生志,一载寒窗一举汤。这篇文章主要讲述Android五大布局之一表格布局(TableLayout)相关的知识,希望能为你提供帮助。
一.TableLayout(表格布局)常用属性:
android:collapseColumns:设置需要被隐藏的列的序号
android:shrinkColumns:设置允许被收缩的列的列序号
android:stretchColumns:设置运行被拉伸的列的列序号
以上这三个属性的列号都是从0开始算的,比如shrinkColunmns = “2”,对应的是第三列!
可以设置多个,用逗号隔开比如”0,2”,如果是所有列都生效,则用”*”号即可
除了这三个常用属性,还有两个属性,分别就是跳格子以及合并单元格,这和html中的Table类似:
android:layout_column=”2”:表示的就是跳过第二个,直接显示到第三个格子处,从1开始算的!
android:layout_span=”4”:表示**合并**4个单元格,也就说这个组件占4个单元格
二.例子(简单做一个计算器的布局)
1.首先先创建一个TableLayout的XML文件
代码如下:
1 < ?xml version="1.0" encoding="utf-8"?> 2 < TableLayout xmlns:android="http://schemas.android.com/apk/res/android" 3android:layout_width="match_parent" 4android:stretchColumns="*" 5android:layout_height="match_parent" > 6 7< TextView 8 9android:layout_weight="1" 10android:id="@+id/TextView1" 11android:layout_width="wrap_content" 12android:layout_height="60dp" 13android:gravity="right|center_vertical" 14android:textSize="30sp" 15android:text="90" 16/> 17 18 19< TableRow 20android:id="@+id/tableRow1" 21android:layout_weight="1" 22android:layout_width="wrap_content" 23android:layout_height="match_parent" > 24 25< Button 26android:id="@+id/button1" 27android:layout_width="wrap_content" 28android:layout_height="match_parent" 29android:textSize="25sp" 30android:text="7" /> 31 32< Button 33android:id="@+id/button2" 34android:layout_width="wrap_content" 35android:textSize="25sp" 36android:layout_height="match_parent" 37android:text="8" /> 38 39< Button 40android:id="@+id/button3" 41android:layout_width="wrap_content" 42android:textSize="25sp" 43android:layout_height="match_parent" 44android:text="9" /> 45 46< Button 47android:id="@+id/button4" 48android:layout_width="wrap_content" 49android:layout_height="match_parent" 50android:textSize="25sp" 51android:text="/" /> 52 53< /TableRow> 54 55< TableRow 56android:id="@+id/tableRow2" 57android:layout_weight="1" 58android:layout_width="wrap_content" 59android:layout_height="match_parent" > 60 61< Button 62android:id="@+id/button5" 63android:textSize="25sp" 64android:layout_width="wrap_content" 65android:layout_height="match_parent" 66android:text="4" /> 67 68< Button 69android:id="@+id/button6" 70android:textSize="25sp" 71android:layout_width="wrap_content" 72android:layout_height="match_parent" 73android:text="5" /> 74 75< Button 76android:id="@+id/button7" 77android:textSize="25sp" 78android:layout_width="wrap_content" 79android:layout_height="match_parent" 80android:text="6" /> 81 82< Button 83android:id="@+id/button8" 84android:textSize="25sp" 85android:layout_width="wrap_content" 86android:layout_height="match_parent" 87android:text="*" /> 88 89< /TableRow> 90 91< TableRow 92android:id="@+id/tableRow3" 93android:layout_weight="1" 94android:layout_width="wrap_content" 95android:layout_height="match_parent" > 96 97< Button 98android:id="@+id/button9" 99android:textSize="25sp" 100android:layout_width="wrap_content" 101android:layout_height="match_parent" 102android:text="1" /> 103 104< Button 105android:id="@+id/button10" 106android:textSize="25sp" 107android:layout_width="wrap_content" 108android:layout_height="match_parent" 109android:text="2" /> 110 111< Button 112android:textSize="25sp" 113android:id="@+id/button11" 114android:layout_width="wrap_content" 115android:layout_height="match_parent" 116android:text="3" /> 117 118< Button 119android:id="@+id/button12" 120android:textSize="25sp" 121android:layout_width="wrap_content" 122android:layout_height="match_parent" 123android:text="-" /> 124 125< /TableRow> 126 127< TableRow 128android:id="@+id/tableRow4" 129android:layout_weight="1" 130android:layout_width="wrap_content" 131android:layout_height="match_parent" > 132 133< Button 134android:id="@+id/button13" 135android:layout_width="wrap_content" 136android:layout_height="match_parent" 137android:textSize="25sp" 138android:text="0" /> 139 140< Button 141android:id="@+id/button14" 142android:layout_width="wrap_content" 143android:textSize="25sp" 144android:layout_height="match_parent" 145android:text="." /> 146 147< Button 148android:id="@+id/button15" 149android:textSize="25sp" 150android:layout_width="wrap_content" 151android:layout_height="match_parent" 152android:text="+" /> 153 154< Button 155android:id="@+id/button16" 156android:textSize="25sp" 157android:layout_width="wrap_content" 158android:layout_height="match_parent" 159android:text="=" /> 160 161< /TableRow> 162 163< TableRow 164android:id="@+id/tableRow5" 165android:layout_weight="1" 166android:layout_width="wrap_content" 167android:layout_height="match_parent" > 168 169< Button 170android:id="@+id/button17" 171android:layout_span="4" 172android:textSize="25sp" 173android:layout_width="wrap_content" 174android:layout_height="match_parent" 175android:text="clear" /> 176 177< /TableRow> 178 179 < /TableLayout>
运行结果如下:
文章图片
以上就是我对TableLayout(表格布局)理解
【Android五大布局之一表格布局(TableLayout)】
推荐阅读
- 腾讯Android面经
- Android:隐藏 EditText 在 Activity 中键盘自动弹出
- Android笔记——判断程序是否第一次启动
- Android Support 包知识
- Android中的AlertDialog使用示例三(单向选择确定对话框)
- Android-Selector用法
- Android——微信界面(简易版)
- Android Studio第二十一期 - TabLayout+Fragment+RecycleView组合所有用法
- (Android第一行代码活动的生命周期)生命周期