[Android] 007_Activity控件布局_TableLayout

Android_007_Activity控件布局_TableLayout

TableLayout, 顾名思义, 就 “表格样式的布局”

在xml的布局文件中, 是以 <TableLayout></TableLayout> 为根标签.

然后以 <TableRow></TableRow>来定义每一行, 在这个标签里的所有控件都会在显示在同一行里.

简单的例子, 以”表格样式”分别显示三个”TextView”/”EditText”/”Button”

xml布局文件中的代码如下:

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

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

android:layout_height="wrap_content"

android:id="@+id/tableLayout1"

android:layout_width="match_parent">

<TableRow

android:id="@+id/tableRow1"

android:layout_width="wrap_content"

android:layout_height="wrap_content">

<TextView

android:id="@+id/TextView11"

android:text="@string/TextView11"

android:textColor="#ff0000"

/>

<TextView

android:id="@+id/TextView12"

android:text="@string/TextView12"

android:textColor="#00ff00"

/>

<TextView

android:id="@+id/TextView13"

android:text="@string/TextView13"

android:textColor="#ffffff"

/>

</TableRow>

<TableRow

android:id="@+id/tableRow2"

android:layout_width="wrap_content"

android:layout_height="wrap_content">

<EditText

android:id="@+id/EditText21"

android:background="#ff0000"

/>

<EditText

android:id="@+id/EditText22"

android:background="#00ff00"

/>

<EditText

android:id="@+id/EditText23"

android:background="#ffffff"

/>

</TableRow>

<TableRow

android:id="@+id/tableRow3"

android:layout_width="wrap_content"

android:layout_height="wrap_content">

<Button

android:id="@+id/Button31"

android:text="@string/Button31"

android:textColor="#ff0000"

/>

<Button

android:id="@+id/Button32"

android:text="@string/Button32"

android:textColor="#00ff00"

/>

<Button

android:id="@+id/Button33"

android:text="@string/Button33"

android:textColor="#ffffff"

/>

</TableRow>

</TableLayout>

运行的结果如下图所示: