Android中TableLayout中的布局

1.在TableLayout下的代码及效果

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<TableRow>

        <TextView android:text="tmacsky" />

        <TextView android:text="tmacsky" />

        <TextView android:text="tmacsky" />

    </TableRow>

    <TableRow>

        <Button android:text="tmacsky" />

        <Button android:text="tmacsky" />

        <Button android:text="tmacsky" android:layout_weight="1" />

    </TableRow>

    <TableRow>

        <EditText />

        <EditText />

        <EditText android:layout_weight="1"/>

</TableRow>

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

2. Android:stretchColumns 伸缩列

代码和效果：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<?xml version="1.0" encoding="utf-8"?>

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:stretchColumns="0,1,2" >  //(此处表示第1,2,3列都拉宽屏幕)

    <TableRow>

        <TextView android:text="tmacsky1" />

        <TextView android:text="tmacsky2" />

        <TextView android:text="tmacsky3" />

    </TableRow>

    <TableRow>

        <Button android:text="tmacsky1" />

        <Button android:text="tmacsky2" />

        <Button android:text="tmacsky3" />

    </TableRow>

    <TableRow>

        <EditText />

        <EditText />

        <EditText />

    </TableRow>

</TableLayout>

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

3. android:collapseColumns缩进列

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

android:collapseColumns="0"

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

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

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

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

android:shrinkColumns="2"

5.实现下面的效果

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

<TableRow>

        <EditText android:layout_span="2"/>

        <EditText android:layout_column="2"/>

</TableRow>

Layout_span=”2” 伸展2倍

Layout_column=”2”  位置固定到第三列