TableLayout初识初识

TableLayout表格布局

<?xml version="1.0" encoding="utf-8"?> <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_tablelayout" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.axnet.buju0711.Tablelayout"> <!--表格布局--> <Button android:text="1" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <Button android:text="2" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <Button android:text="3" android:layout_width="200dp" android:layout_height="wrap_content" /> </TableLayout>

layout_width默认设置match_parent，即使这是200dp也是match_parent 宽度是不可以自己设置的，但是高度是可以自己设置的

---

显然，一列多行并不能满足大家的需求 这时候就出现了

<TableRow>

把button123放入TableRow中 每个TableRow代表一行

<?xml version="1.0" encoding="utf-8"?> <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_tablelayout" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.axnet.buju0711.Tablelayout"> <!--表格布局--> <TableRow> <Button android:text="1" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <Button android:text="2" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <Button android:text="3" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </TableRow> </TableLayout>

加入TableRow以后，我们修改

<Button android:text="1" android:layout_width="150dp" android:layout_height="150dp" />

**发现修改一个的宽度，一列的宽度都是变化的，

修改高度，只有修改的控件高度会变化**

android:stretchColumns拉伸 android:layout_span合并行

<?xml version="1.0" encoding="utf-8"?> <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_tablelayout" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.axnet.buju0711.Tablelayout"> <!--表格布局--> <TableRow> <Button android:text="1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_span="2" /> <!--<Button--> <!--android:text="2"--> <!--android:layout_width="wrap_content"--> <!--android:layout_height="wrap_content"--> <!--/>--> <Button android:text="3" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </TableRow> <TableRow> <Button android:text="4" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <Button android:text="5" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_span="2" /> <!--<Button--> <!--android:text="6"--> <!--android:layout_width="wrap_content"--> <!--android:layout_height="wrap_content"--> <!--/>--> </TableRow> <TableRow> <Button android:text="7" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <Button android:text="8" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <Button android:text="9" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </TableRow> </TableLayout>

layout_span必须要有相对的参照物才能起作用

如何使每个横行占满屏幕 android:stretchColumns拉伸

//拉伸第三列 android:stretchColumns="2"

android:stretchColumns="*" 拉伸全部列

———-*

如果之拉伸第二三列 android:stretchColumns=”1,2” 用英文逗号分开

---

如果想要控件居中或者占满整个一行单元格

<TableRow> <Button android:text="10" android:layout_column="1" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </TableRow> <TableRow> <Button android:text="11" android:layout_span="3" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </TableRow>

---

**TableLayout合并单元格只可以合并行 不可以合并列**