android - 如何为所需设计选择 Android 布局？

Question

我有一张图片，如下

我在 xml 中制作了上面的栏和按钮，如下所示

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


    <LinearLayout
        android:id="@+id/titleRowId"
        android:layout_width="fill_parent"
        android:layout_height="45dip"
        android:background="@drawable/segment_bar_bg"
        android:gravity="center_vertical|center_horizontal"
        android:orientation="horizontal" >

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

                <Button
                android:id="@+id/backBtn"
                android:layout_width="wrap_content"
                android:layout_height="32dip"
                android:layout_centerVertical="true"
                android:layout_marginLeft="5dip"
                android:background="@drawable/bar_btn_bg"
                android:padding="0dip"
                android:text="Cancel"
                android:textColor="#FFF" />

                <Button
                android:id="@+id/addBtn"
                android:layout_width="wrap_content"
                android:layout_height="32dip"
                android:layout_centerVertical="true"
                android:layout_marginLeft="250dip"
                android:background="@drawable/bar_btn_bg"
                android:padding="0dip"
                android:text="Done"
                android:textColor="#FFF" />

                <TextView
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:layout_alignParentLeft="true"
                    android:layout_alignParentTop="true"
                    android:gravity="center_vertical|center_horizontal"
                    android:text="Convert Amount"
                    android:textColor="#FFFFFF"
                    android:textSize="20sp"
                    android:textStyle="bold" />

        </RelativeLayout>
</LinearLayout>

当我绘制按钮时，根据以下设计，我遇到了对齐问题， 由于我使用了 TableLayout，以及用于显示它们的行，如下所示

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:binding="http://www.gueei.com/android-binding/"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:gravity="right|top"
        binding:text="FormattedDisplay"
        android:text="Value"
        android:textSize="45dip" />

    <TableLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:stretchColumns="0,1,2">

        <TableRow >

            <Button
                binding:onClick="Number7"
                android:text="7" />

            <Button
                binding:onClick="Number8"
                android:text="8" />

            <Button
                binding:onClick="Number9"
                android:text="9" />
        </TableRow>

        <TableRow >

            <Button
                binding:onClick="Number4"
                android:text="4" />

            <Button
                binding:onClick="Number5"
                android:text="5" />

            <Button
                binding:onClick="Number6"
                android:text="6" />
        </TableRow>

        <TableRow >

            <Button
                binding:onClick="Number1"
                android:text="1" />

            <Button
                binding:onClick="Number2"
                android:text="2" />

            <Button
                binding:onClick="Number3"
                android:text="3" />
        </TableRow>

        <TableRow >

            <Button
                android:layout_span="2"
                binding:onClick="Number0"
                android:text="0" />

            <Button
                binding:onClick="Dot"
                android:text="." />
        </TableRow>

        <TableRow >

            <Button
                binding:onClick="Equal"
                android:text="Convert" />
        </TableRow>
    </TableLayout>

</LinearLayout>

但它没有正确对齐按钮

如何解决问题并获得所需的输出？

谁能告诉我如何选择Layout，这样我们才能得到正确的输出？

XML 输出显示为

Answer 1

从 TableLayout 中取出您的 Convert Button 并将其粘贴到 TableLayout 之后的 LinearLayout 中的最后一个位置作为:

<LinearLayout ...  >
    <TextView/>
    <TableLayout>
        <TableRows etc>
    </TableLayout>
    <Button android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        binding:onClick="Equal"
        android:text="Convert" />
</LinearLayout>

这给了我结果: