• Android Video Tutorials

Android 表格布局



Android TableLayout 用于将视图组排列成行和列。您将使用 <TableRow> 元素构建表格中的行。每一行都包含零个或多个单元格;每个单元格可以容纳一个 View 对象。

TableLayout 容器不会为其行、列或单元格显示边框线。

Table Layout

TableLayout 属性

以下是 TableLayout 特有的重要属性:

序号 属性 & 描述
1

android:id

这是唯一标识布局的 ID。

2

android:collapseColumns

这指定要折叠的列的基于零的索引。列索引必须用逗号分隔:1, 2, 5。

3

android:shrinkColumns

要收缩的列的基于零的索引。列索引必须用逗号分隔:1, 2, 5。

4

android:stretchColumns

要拉伸的列的基于零的索引。列索引必须用逗号分隔:1, 2, 5。

示例

本示例将引导您完成简单的步骤,演示如何使用表格布局创建您自己的 Android 应用程序。请按照以下步骤修改我们在“Hello World 示例”一章中创建的 Android 应用程序:

步骤 描述
1 您将使用 Android Studio IDE 创建一个 Android 应用程序,并在包 com.example.demo 下将其命名为 demo,如“Hello World 示例”一章中所述。
2 修改 res/layout/activity_main.xml 文件的默认内容,以在表格布局中包含一些小部件。
3 无需修改 string.xml,Android studio 会处理默认常量
4 运行应用程序以启动 Android 模拟器,并验证对应用程序所做的更改的结果。

以下是修改后的主活动文件 src/com.example.demo/MainActivity.java 的内容。此文件可以包含每个基本生命周期方法。

package com.example.demo;

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

public class MainActivity extends Activity {
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
   }
   
}

以下是 res/layout/activity_main.xml 文件的内容:

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent">
   
   <TableRow
      android:layout_width="fill_parent"
      android:layout_height="fill_parent">
		
      <TextView
         android:text="Time"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_column="1" />
			
      <TextClock
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:id="@+id/textClock"
         android:layout_column="2" />
			
   </TableRow>
   
   <TableRow>
	
      <TextView
         android:text="First Name"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_column="1" />
			
      <EditText
         android:width="200px"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content" />
   </TableRow>
   
   <TableRow>
	
      <TextView
         android:text="Last Name"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_column="1" />
			
      <EditText
         android:width="100px"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content" />
   </TableRow>
   
   <TableRow
      android:layout_width="fill_parent"
      android:layout_height="fill_parent">
		
      <RatingBar
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:id="@+id/ratingBar"
         android:layout_column="2" />
   </TableRow>
   
   <TableRow
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"/>
		
   <TableRow
      android:layout_width="fill_parent"
      android:layout_height="fill_parent">
		
      <Button
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:text="Submit"
         android:id="@+id/button"
         android:layout_column="2" />
   </TableRow>

</TableLayout>

以下是 res/values/strings.xml 文件的内容,用于定义两个新的常量:

<?xml version="1.0" encoding="utf-8"?>
<resources>
   <string name="app_name">HelloWorld</string>
   <string name="action_settings">Settings</string>
</resources>

让我们尝试运行我们刚刚修改的 Hello World! 应用程序。我假设您在进行环境设置时已创建了 AVD。要在 Android Studio 中运行该应用程序,请打开项目的某个活动文件,然后从工具栏中点击运行 Eclipse Run Icon 图标。Android studio 将应用程序安装到您的 AVD 上并启动它,如果您的设置和应用程序一切正常,它将显示以下模拟器窗口:

Android TableLayout
android_user_interface_layouts.htm
广告