添加＆＃34;第四个＆＃34;表格布局中的按钮对齐不正确按键

Question

我的TableLayout有问题。我无法正确显示所有四个按钮。此外，我希望圆形徽章在文本上方正确显示，而不是在文本上显示。

如何纠正此问题。在此先感谢!!

按钮布局：

<LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center" >

        <TableLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_centerInParent="true"
            android:gravity="bottom" >

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

                <Button
                    android:id="@+id/btnManualLookup"
                    android:layout_width="0dp"
                    android:layout_weight="1"
                    android:background="#4982AE"
                    android:gravity="center"
                    android:padding="10dip"
                    android:text="Button One"
                    android:textColor="#ffffff" />

                <View
                    android:layout_width="1dp"
                    android:layout_height="match_parent"
                    android:layout_marginBottom="6dip"
                    android:layout_marginTop="6dip"
                    android:background="#85929B" />

                <Button
                    android:id="@+id/supportbutton"
                    android:layout_width="0dp"
                    android:layout_weight="1"
                    android:background="#092435"
                    android:gravity="center"
                    android:padding="10dip"
                    android:text="Button Two"
                    android:textColor="#ffffff" />

                <View
                    android:layout_width="1dp"
                    android:layout_height="match_parent"
                    android:layout_marginBottom="6dip"
                    android:layout_marginTop="6dip"
                    android:background="#85929B" />

                <Button
                    android:id="@+id/messagebutton"
                    android:layout_width="0dp"
                    android:layout_weight="1"
                    android:background="#092435"
                    android:gravity="center"
                    android:padding="10dip"
                    android:text="Button Three"
                    android:textColor="#ffffff" />

                <View
                    android:layout_width="1dp"
                    android:layout_height="match_parent"
                    android:layout_marginBottom="6dip"
                    android:layout_marginTop="6dip"
                    android:background="#85929B" />

                <RelativeLayout
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent" >

                    <Button
                        android:id="@+id/survey"
                        android:background="#092435"
                        android:text="Button Four"
                        android:layout_weight="1"
                        android:padding="10dip"
                        android:gravity="center"
                        android:textColor="#ffffff" 
                        android:layout_width="65dip"
                        android:layout_height="65dip" />

                    <TextView
                        android:id="@+id/textOne"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignRight="@id/survey"
                        android:layout_alignTop="@id/survey"
                        android:background="@drawable/badge_circle"
                        android:text="10"
                        android:textColor="#FFF"
                        android:textSize="16sp"
                        android:textStyle="bold" />
                </RelativeLayout>
            </TableRow>
        </TableLayout>
    </LinearLayout>

badge_circle.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="oval">
  <corners
    android:radius="10dip"/>
  <solid
    android:color="#F00"/>
  <stroke
    android:width="2dip"
    android:color="#FFF"/>
  <padding
    android:left="5dip"
    android:right="5dip"
    android:top="5dip"
    android:bottom="5dip"/>
</shape>

Answer 1

将android:layout_weight="1"添加到RelativeLayout以获取第四个按钮。

<LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center" >

        <TableLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_centerInParent="true"
            android:gravity="bottom" >

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

                <Button
                    android:id="@+id/btnManualLookup"
                    android:layout_width="0dp"
                    android:layout_weight="1"
                    android:background="#4982AE"
                    android:gravity="center"
                    android:padding="10dip"
                    android:text="Button One"
                    android:textColor="#ffffff" />

                <View
                    android:layout_width="1dp"
                    android:layout_height="match_parent"
                    android:layout_marginBottom="6dip"
                    android:layout_marginTop="6dip"
                    android:background="#85929B" />

                <Button
                    android:id="@+id/supportbutton"
                    android:layout_width="0dp"
                    android:layout_weight="1"
                    android:background="#092435"
                    android:gravity="center"
                    android:padding="10dip"
                    android:text="Button Two"
                    android:textColor="#ffffff" />

                <View
                    android:layout_width="1dp"
                    android:layout_height="match_parent"
                    android:layout_marginBottom="6dip"
                    android:layout_marginTop="6dip"
                    android:background="#85929B" />

                <Button
                    android:id="@+id/messagebutton"
                    android:layout_width="0dp"
                    android:layout_weight="1"
                    android:background="#092435"
                    android:gravity="center"
                    android:padding="10dip"
                    android:text="Button Three"
                    android:textColor="#ffffff" />

                <View
                    android:layout_width="1dp"
                    android:layout_height="match_parent"
                    android:layout_marginBottom="6dip"
                    android:layout_marginTop="6dip"
                    android:background="#85929B" />

                <RelativeLayout
                    android:layout_width="0dp"
                    android:layout_weight="1"
                    android:layout_height="fill_parent" >

                    <Button
                        android:id="@+id/survey"
                        android:background="#092435"
                        android:text="Button Four"
                        android:padding="10dip"
                        android:gravity="center"
                        android:textColor="#ffffff" 
                        android:layout_width="65dip"
                        android:layout_height="65dip" />

                    <TextView
                        android:id="@+id/textOne"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_alignRight="@id/survey"
                        android:layout_alignTop="@id/survey"
                        android:background="@drawable/badge_circle"
                        android:text="10"
                        android:textColor="#FFF"
                        android:textSize="16sp"
                        android:textStyle="bold" />
                </RelativeLayout>
            </TableRow>
        </TableLayout>
    </LinearLayout>