Android(安卓)TableLayout 表格布局

Android TableLayout (表格布局)将按行和列排列视图组。您将使用 <TableRow> 元素在表中构建一行。每行有零个或多个单元格;每个单元格可以容纳一个 View 对象。

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


TableLayout 属性

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

编号属性 & 描述
1

android:id

这是唯一标识布局的 ID。

2

android:collapseColumns

这将指定要折叠的列的从 0 开始的索引列索引必须用逗号分隔:1、2、5。

3

android:shrinkColumns

要收缩的列的从 0 开始的索引列索引必须用逗号分隔:1、2、5。

4

android:stretchColumns

要拉伸的列的从 0 开始的索引列索引必须用逗号分隔:1、2、5。


实例

这个例子将带你通过简单的步骤来展示如何使用 TableLayout 创建你自己的 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 模拟器并验证应用程序中所做更改的结果。

下面是修改后的主 activity 文件 src/com.example.demo/MainActivity.java 的内容。该文件可以包括每个基本的生命周期方法:

  1. package com.example.demo;
  2. import android.os.Bundle;
  3. import android.app.Activity;
  4. import android.view.Menu;
  5. public class MainActivity extends Activity {
  6. @Override
  7. protected void onCreate(Bundle savedInstanceState) {
  8. super.onCreate(savedInstanceState);
  9. setContentView(R.layout.activity_main);
  10. }
  11. }

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

  1. <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. android:layout_width="fill_parent"
  3. android:layout_height="fill_parent">
  4. <TableRow
  5. android:layout_width="fill_parent"
  6. android:layout_height="fill_parent">
  7. <TextView
  8. android:text="Time"
  9. android:layout_width="wrap_content"
  10. android:layout_height="wrap_content"
  11. android:layout_column="1" />
  12. <TextClock
  13. android:layout_width="wrap_content"
  14. android:layout_height="wrap_content"
  15. android:id="@+id/textClock"
  16. android:layout_column="2" />
  17. </TableRow>
  18. <TableRow>
  19. <TextView
  20. android:text="First Name"
  21. android:layout_width="wrap_content"
  22. android:layout_height="wrap_content"
  23. android:layout_column="1" />
  24. <EditText
  25. android:width="200px"
  26. android:layout_width="wrap_content"
  27. android:layout_height="wrap_content" />
  28. </TableRow>
  29. <TableRow>
  30. <TextView
  31. android:text="Last Name"
  32. android:layout_width="wrap_content"
  33. android:layout_height="wrap_content"
  34. android:layout_column="1" />
  35. <EditText
  36. android:width="100px"
  37. android:layout_width="wrap_content"
  38. android:layout_height="wrap_content" />
  39. </TableRow>
  40. <TableRow
  41. android:layout_width="fill_parent"
  42. android:layout_height="fill_parent">
  43. <RatingBar
  44. android:layout_width="wrap_content"
  45. android:layout_height="wrap_content"
  46. android:id="@+id/ratingBar"
  47. android:layout_column="2" />
  48. </TableRow>
  49. <TableRow
  50. android:layout_width="fill_parent"
  51. android:layout_height="fill_parent"/>
  52. <TableRow
  53. android:layout_width="fill_parent"
  54. android:layout_height="fill_parent">
  55. <Button
  56. android:layout_width="wrap_content"
  57. android:layout_height="wrap_content"
  58. android:text="Submit"
  59. android:id="@+id/button"
  60. android:layout_column="2" />
  61. </TableRow>
  62. </TableLayout>

下面是 res/values/strings.xml 文件的内容,其中定义了两个常量:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <resources>
  3. <string name="app_name">HelloWorld</string>
  4. <string name="action_settings">Settings</string>
  5. </resources>

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

分类导航