1.在TableLayout下的代码及效果
02 | < TextView android:text = "tmacsky" /> |
03 | < TextView android:text = "tmacsky" /> |
04 | < TextView android:text = "tmacsky" /> |
07 | < Button android:text = "tmacsky" /> |
08 | < Button android:text = "tmacsky" /> |
09 | < Button android:text = "tmacsky" android:layout_weight = "1" /> |
14 | < EditText android:layout_weight = "1" /> |
单个列布局中只能用layout_weight来拉宽,如果布局很多就有点繁琐了,所以得用到下面的stretchColumns伸缩列
2. Android:stretchColumns 伸缩列
代码和效果:
01 | <? xml version = "1.0" encoding = "utf-8" ?> |
02 | < TableLayout xmlns:android = "http://schemas.android.com/apk/res/android" |
03 | android:layout_width = "fill_parent" |
04 | android:layout_height = "wrap_content" |
05 | android:stretchColumns = "0,1,2" > //(此处表示第1,2,3列都拉宽屏幕) |
07 | < TextView android:text = "tmacsky1" /> |
08 | < TextView android:text = "tmacsky2" /> |
09 | < TextView android:text = "tmacsky3" /> |
12 | < Button android:text = "tmacsky1" /> |
13 | < Button android:text = "tmacsky2" /> |
14 | < Button android:text = "tmacsky3" /> |
由此可以想象伸缩列其实就是用weight来封装的
3. android:collapseColumns缩进列
将第2个例子里的Android:stretchColumns缩进下加一行代码:
android:collapseColumns="0"
意思就是缩进第一列效果:
4,如果按钮里文字过多,则会出现下面这种情况
![4.png 4.png](https://i-blog.csdnimg.cn/blog_migrate/2c3d914f5287f8e586163b0c4387824d.png)
超出屏幕了;这个时候如果想让按钮里的文字换行不超出屏幕则可以:
在第二个例子的Android:stretchColumns添加一行代码:
android:shrinkColumns="2"
5.实现下面的效果
![6.png 6.png](https://i-blog.csdnimg.cn/blog_migrate/f43a152143f47fa998a3a410a10741ec.png)
在第二个例子里的EditText代码改成这样:
<TableRow>
<EditText android:layout_span="2"/>
<EditText android:layout_column="2"/>
</TableRow>
Layout_span=”2” 伸展2倍
Layout_column=”2” 位置固定到第三列