Android中的TableLayout

1.TableLayout下的代码及效果

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

1.png

单个列布局中只能用layout_weight来拉宽,如果布局很多就有点繁琐了,所以得用到下面的stretchColumns伸缩列

2.Android:stretchColumns伸缩列

代码和效果:

01 <?xmlversion="1.0"encoding="utf-8"?>
02 <TableLayoutxmlns: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 <TextViewandroid:text="tmacsky1"/>
08 <TextViewandroid:text="tmacsky2"/>
09 <TextViewandroid:text="tmacsky3"/>
10 </TableRow>
11 <TableRow>
12 <Buttonandroid:text="tmacsky1"/>
13 <Buttonandroid:text="tmacsky2"/>
14 <Buttonandroid: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>

<EditTextandroid:layout_span="2"/>

<EditTextandroid:layout_column="2"/>

</TableRow>

Layout_span=2伸展2

Layout_column=2位置固定到第三列

你可能感兴趣的:(tablelayout)