1. 程式人生 > >Android UI布局之TableLayout

Android UI布局之TableLayout

you column true xmlns art parent 名稱 str demo

從字面上了解TableLayout是一種表格式的布局。這樣的布局會把包括的元素以行和列的形式進行排列。表格的列數為每一行的最大列數。當然表格裏邊的單元格是能夠為空的。

實例:LayoutDemo
執行效果:
技術分享

代碼清單:
布局文件:table_layout.xml
<?xml version="1.0" encoding="utf-8"?>
<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:stretchColumns="1"
    >
    <TableRow>
        <TextView
            android:gravity="right"
            android:textStyle="bold"
            android:padding="3dip"
            android:text="用戶名稱:"
        />
        <EditText 
            android:id="@+id/username"
            android:padding="3dip"
            android:scrollHorizontally="true"
        />
    </TableRow>
    <TableRow>
        <TextView
            android:gravity="right"
            android:textStyle="bold"
            android:padding="3dip"
            android:text="用戶密碼:"
        />

        <EditText 
            android:id="@+id/password"
            android:padding="3dip"
            android:password="true"
        />
    </TableRow>
    <TableRow android:gravity="right">
        <Button
            android:id="@+id/cancel"
            android:text="取消" 
        />
        <Button
            android:id="@+id/login"
            android:text="登錄" 
        />
    </TableRow>
</TableLayout>
在上面的布局代碼中一共同擁有3行。即3個TableRow,每個TableRow裏邊都有兩個單元格。


TableLayout標簽定義了一個表格布局(TableLayout).
TableRow標簽定義了表格布局裏邊的一行。

每一行裏邊能夠自由的加入一些組件。比方在上邊我們主要加入了button組件和編輯框組件。

Java源碼文件:TableLayoutActivity.java

package com.rainsong.layoutdemo;

import android.app.Activity;
import android.os.Bundle;

public class TableLayoutActivity extends Activity
{
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.table_layout);
    }
}



Android UI布局之TableLayout