当前位置:操作系统 > 安卓/Android >>

TableLayout表格布局UI

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

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

编辑main.XML文件:
[html] view plaincopyprint?<?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.zzzyk.com" 
            android:padding="5dip" 
            android:autoLink="web" /> 
        <TextView   
            android:layout_width="fill_parent"  
            android:layout_height="wrap_content"  
            android:text="www.zzzyk.com" 
            android:autoLink="web" /> 
    </TableRow> 
     
 
</TableLayout> 
<?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.zzzyk.com"
      android:padding="5dip"
      android:autoLink="web" />
  <TextView 
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:text="www.zzzyk.com"
      android:autoLink="web" />
 </TableRow>
   

</TableLayout>


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


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

[html] view plaincopyprint?android:padding="5dip" 
 android:padding="5dip"
表示第一个TextView的padding(间格)为5dip,表示与旁边的View有5个空格,这样就解决了两个TextView不会挤在一起。
效果如图:

 \






摘自 Young的专栏

补充:移动开发 , Android ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,