Eclipse 开发 Android, TableLayout（学习4）

最新推荐文章于 2020-05-20 19:24:58 发布

原创最新推荐文章于 2020-05-20 19:24:58 发布 · 333 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Android #Eclipse #XML #HTML

Android 专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何使用Android的TableLayout组件创建类似HTML表格布局的界面。通过示例代码展示了如何定义TableLayout及其子元素TableRow和TextView来构建菜单样式界面。

Hello, TableLayout

A TableLayout is a ViewGroup that will lay child View elements into rows and columns.

Start a new project/Activity called HelloTableLayout.

Open the layout file. Make it like so:

<?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:stretchColumns="1">

    <TableRow>
        <TextView
            android:layout_column="1"
            android:text="Open..."
            android:padding="3dip" />
        <TextView
            android:text="Ctrl-O"
            android:gravity="right"
            android:padding="3dip" />
    </TableRow>

    <TableRow>
        <TextView
            android:layout_column="1"
            android:text="Save..."
            android:padding="3dip" />
        <TextView
            android:text="Ctrl-S"
            android:gravity="right"
            android:padding="3dip" />
    </TableRow>

    <TableRow>
        <TextView
            android:layout_column="1"
            android:text="Save As..."
            android:padding="3dip" />
        <TextView
            android:text="Ctrl-Shift-S"
            android:gravity="right"
            android:padding="3dip" />
    </TableRow>

    <View
        android:layout_height="2dip"
        android:background="#FF909090" />

    <TableRow>
        <TextView
            android:text="X"
            android:padding="3dip" />
        <TextView
            android:text="Import..."
            android:padding="3dip" />
    </TableRow>

    <TableRow>
        <TextView
            android:text="X"
            android:padding="3dip" />
        <TextView
            android:text="Export..."
            android:padding="3dip" />
        <TextView
            android:text="Ctrl-E"
            android:gravity="right"
            android:padding="3dip" />
    </TableRow>

    <View
        android:layout_height="2dip"
        android:background="#FF909090" />

    <TableRow>
        <TextView
            android:layout_column="1"
            android:text="Quit"
            android:padding="3dip" />
    </TableRow>
</TableLayout>

Notice how this resembles the structure of an HTML table. TableLayout is like the table element; TableRow is like a tr element; but for our cells like the html td element, we can use any kind of View. Here, we use TextView for the cells.

Make sure your Activity loads this layout in the onCreate() method:

public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
}

R.layout.main refers to the main.xml layout file.

Run it.

You should see the following: