android - 使用表格布局的 Android 按钮对齐

Question

我正在尝试使用 Table Row 保持对齐的三个按钮，但中间的按钮仍然悬空，知道我错过了什么吗？

<TableLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="bottom"
    android:stretchColumns="*">

    <TableRow
    android:layout_height="wrap_content"
    android:layout_width="fill_parent"
    android:gravity="center_horizontal">

    <Button
        android:id="@+id/abc" android:text="ABC"
        android:layout_weight="1" 
        android:textColor="#000000"
        android:padding="20dip" android:gravity="center"/>

    <Button
        android:id="@+id/def" android:text="DEF"
        android:layout_weight="1" 
        android:textColor="#000000"
        android:padding="20dip" android:gravity="center"/>

    <Button
        android:id="@+id/ghi" android:text="GHI"
        android:layout_weight="1"
        android:textColor="#000000"
        android:padding="20dip" android:gravity="center"/>
</TableRow>  

无法附上快照，但通过绘图在下面给出一些提示。第一个和第三个按钮是完美的，但中间的按钮仍然从底部向上一点。任何想法 ？

**********************************
*                                *
*   ABC        DEF        GHI    * 
*          ************          *
************          ************

Answer 1

试试这个，

  <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

<TableLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="bottom"
    android:stretchColumns="*" >

    <TableRow
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal" >

        <Button
            android:id="@+id/abc"
            android:layout_weight="1"
            android:gravity="center"
            android:padding="20dip"
            android:text="ABC"
            android:textColor="#000000" />

        <Button
            android:id="@+id/def"
            android:layout_weight="1"
            android:gravity="center"
            android:padding="20dip"
            android:text="DEF"
            android:textColor="#000000" />

        <Button
            android:id="@+id/ghi"
            android:layout_weight="1"
            android:gravity="center"
            android:padding="20dip"
            android:text="GHI"
            android:textColor="#000000" />
    </TableRow>
</TableLayout>

</RelativeLayout>

Answer 2

尝试使用这个

<TableLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="bottom"
    android:stretchColumns="*">

    <TableRow
    android:layout_height="wrap_content"
    android:layout_width="fill_parent"
    android:gravity="center_horizontal">

    <Button
        android:id="@+id/btnManualLookup" android:text="ABC"
        android:layout_height="wrap_content"
        android:layout_width="0dp"
        android:layout_weight="1" 
        android:textColor="#000000"
        android:padding="20dip" android:gravity="center"/>

    <Button
        android:id="@+id/downloadcerti" android:text="DEF"
        android:layout_height="wrap_content"
        android:layout_width="0dp"
        android:layout_weight="1" 
        android:textColor="#000000"
        android:padding="20dip" android:gravity="center"/>

    <Button
        android:id="@+id/settingsbutton" android:text="GHI"
        android:layout_height="wrap_content"
        android:layout_width="0dp"
        android:layout_weight="1"
        android:textColor="#000000"
        android:padding="20dip" android:gravity="center"/>
</TableRow>