带 TableView 的图标菜单（类似 Google）

Question

我正在为我的 Android 应用程序开发基于图标的主菜单（参见附图 - Google+）。最明显的布局是 TableLayout。

但是，我不知道也无法找到有关如何将表格本身及其内部图标居中的信息。我想出的代码如下（生成的图像位于代码下方）：

<TableLayout android:layout_width="fill_parent" android:id="@+id/tableLayout1" android:layout_height="fill_parent" android:stretchColumns="1" android:padding="20dp">
    <TableRow android:id="@+id/tableRow1" android:layout_width="fill_parent" android:layout_height="fill_parent" android:padding="20dp"  >
        <Button android:text="Button" android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center"></Button>
        <Button android:text="Button" android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center"></Button>
    </TableRow>
    <TableRow android:id="@+id/tableRow2" android:layout_width="fill_parent" android:layout_height="fill_parent" android:padding="20dp" >
        <Button android:text="Button" android:id="@+id/button3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" ></Button>
        <Button android:text="Button" android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center"></Button>
    </TableRow>
</TableLayout>

我将不胜感激任何提示和想法。

Answer 1

我刚刚制作了一个像你需要的程序主菜单。它与密度无关，但我将其放在滚动视图上只是为了确保它在任何地方都可用。
如果您愿意，您可以将按钮更改为图像按钮，这样您就可以获得您想要的菜单。

对代码的一些解释：

• 每一行的左侧和右侧都有一个文本视图，作为占位符。 tablelayout'a android:stretchColumns="0,3" 拉伸文本视图以填充按钮旁边的空间。
• 您可以更改边距，使按钮彼此更近或更远。

现在这是 xml：

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TableLayout android:layout_gravity="center" 
        android:layout_width="match_parent" android:layout_height="match_parent"
        android:stretchColumns="0,3">
        <TableRow android:layout_gravity="center">
            <TextView />
            <Button android:text="1" android:layout_margin="15dp"
                android:layout_gravity="center_vertical"
                android:width="100dip" android:height="100dip" />
            <Button android:layout_gravity="center_vertical" 
                android:text="2" android:layout_margin="15dp"
                android:width="100dip" android:height="100dip" />
            <TextView />
        </TableRow>

        <TableRow android:layout_gravity="center">
            <TextView />
            <Button android:text="3"  android:layout_margin="15dp"
                android:layout_gravity="center_vertical"
                android:width="100dip" android:height="100dip" />
            <Button android:text="4"  android:layout_margin="15dp"
                android:layout_gravity="center_vertical"
                android:width="100dip" android:height="100dip" />
            <TextView />
        </TableRow>

        <TableRow android:layout_gravity="center">
            <TextView />
                <Button android:text="5"  android:layout_margin="15dp"
                android:layout_gravity="center_vertical"
                android:width="100dip" android:height="100dip" />
            <Button android:text="6"  android:layout_margin="15dp"
                android:layout_gravity="center_vertical"
                android:width="100dip" android:height="100dip" />
            <TextView />
        </TableRow>
    </TableLayout>
</ScrollView>

它看起来像这样：
http://db.tt/yQ5NFhmk

Answer 2

尝试 TableLayout 规范中的 android:gravity="center" 。这会将表格行放置在屏幕中央。

还可以尝试在 TableRow 中添加 android:gravity="center" 将按钮放置在表格行的中心。