Android中TableLayout中的布局

来源:互联网 发布:淘宝流量分配规则 编辑:程序博客网 时间:2024/05/16 15:44

1.TableLayout下的代码及效果

01<TableRow>
02        <TextView android:text="tmacsky" />
03        <TextView android:text="tmacsky" />
04        <TextView android:text="tmacsky" />
05    </TableRow>
06    <TableRow>
07        <Button android:text="tmacsky" />
08        <Button android:text="tmacsky" />
09        <Button android:text="tmacsky" android:layout_weight="1" />
10    </TableRow>
11    <TableRow>
12        <EditText />
13        <EditText />
14        <EditText android:layout_weight="1"/>
15</TableRow>

1.png

单个列布局中只能用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列都拉宽屏幕)
06    <TableRow>
07        <TextView android:text="tmacsky1" />
08        <TextView android:text="tmacsky2" />
09        <TextView android:text="tmacsky3" />
10    </TableRow>
11    <TableRow>
12        <Button android:text="tmacsky1" />
13        <Button android:text="tmacsky2" />
14        <Button android:text="tmacsky3" />
15    </TableRow>
16    <TableRow>
17        <EditText />
18        <EditText />
19        <EditText />
20    </TableRow>
21</TableLayout>

2.png

由此可以想象伸缩列其实就是用weight来封装的

3. android:collapseColumns缩进列

将第2个例子里的Android:stretchColumns缩进下加一行代码:

android:collapseColumns="0"

意思就是缩进第一列效果:

3.png

4,如果按钮里文字过多,则会出现下面这种情况

4.png

超出屏幕了;这个时候如果想让按钮里的文字换行不超出屏幕则可以:

在第二个例子的Android:stretchColumns添加一行代码:

android:shrinkColumns="2"

5.png

5.实现下面的效果

6.png

在第二个例子里的EditText代码改成这样:

<TableRow>

        <EditText android:layout_span="2"/>

        <EditText android:layout_column="2"/>

</TableRow>

Layout_span=2 伸展2

Layout_column=2  位置固定到第三列

0 0
原创粉丝点击