码迷,mamicode.com
首页 > 移动开发 > 详细

Android UI布局之TableLayout

时间:2014-11-06 11:06:59      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:android   tablelayout   

从字面上了解TableLayout是一种表格式的布局。这种布局会把包含的元素以行和列的形式进行排列。表格的列数为每一行的最大列数。当然表格里边的单元格是可以为空的。

实例:LayoutDemo
运行效果:
bubuko.com,布布扣

代码清单:
布局文件: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标签定义了表格布局里边的一行。每一行里边可以自由的加入一些组件,比如在上边我们主要添加了按钮组件和编辑框组件。

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

标签:android   tablelayout   

原文地址:http://blog.csdn.net/hantangsongming/article/details/40855893

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!