[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>

运行的结果如下图所示: