TableLayout表格布局UI

新建一个android项目时，UI的默认布局是LinearLayout（线性排版），如果要要实现并排显示TextView，我们可以使用TableLayout（表格排版）。

android.widget.TableLayout 是一個“排版类别”，它可以将画面切割成一个表格，下面在上个工程中添加一个两列表格的例子。

编辑main.XML文件：

<?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="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/hello" />
    <WebView 
	android:layout_width="fill_parent" 
	android:layout_height="wrap_content" 
	android:id="@+id/wv" 
	/>
    <TableRow>
		<TextView  
		    android:layout_width="fill_parent" 
		    android:layout_height="wrap_content" 
		    android:text="www.baidu.com"
		    android:padding="5dip"
		    android:autoLink="web" />
		<TextView  
		    android:layout_width="fill_parent" 
		    android:layout_height="wrap_content" 
		    android:text="www.google.com"
		    android:autoLink="web" />
	</TableRow>
    

</TableLayout>

android.widget.TableRow配合TableRow使用的一个类，当在TableLayout添加一个TableRow时，在TableRow里面所有的View都会在同一个列（row）中显示。

为了避免同一行所有的文字都挤在一起，因此在TextView中加上padding的属性：

 android:padding="5dip"

表示第一个TextView的padding（间格）为5dip，表示与旁边的View有5个空格，这样就解决了两个TextView不会挤在一起。
效果如图：