通过检查单选按钮对齐单选按钮

Question

我在单选按钮组中使用两个单选按钮，一个在另一个下方。上面的按钮有文字 "to"，另一个有 "from"。我想要的是两者都位于中心，但它们将通过它们的 checkradio 对齐。我试过了：

<RadioGroup
                android:layout_width="fill_parent"
                android:layout_height="fill_parent"
                android:id="@+id/rgroup_pk"
                android:gravity="center">

                <RadioButton
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:id="@+id/rbtn_to"
                    android:text="@string/title_to"
                    android:checked="true"
                    android:gravity="center|center_vertical" />


                <RadioButton
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:id="@+id/rbtn_from"
                    android:text="@string/title_from"
                    android:gravity="center|center_vertical" />

            </RadioGroup>

这使得按钮保持在垂直和水平中心，但由于它们的文本大小不同，它显示的是这个（如果 "x" 是 checkradio）：

                   X to
                  X from

而我想要的是：

                   x to
                   x from

Answer 1

在 RelativeLayout 中包含 RadioButtons。

    <RadioGroup
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:id="@+id/rgroup_pk"
        android:gravity="center">

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center|center_vertical">

            <RadioButton
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:id="@+id/rbtn_to"
                 android:text="TO"
                 android:checked="true"/>

            <RadioButton
                 android:layout_width="wrap_content"
                 android:layout_height="wrap_content"
                 android:id="@+id/rbtn_from"
                 android:text="FROM"
                 android:layout_below="@+id/rbtn_to"/>
        </RelativeLayout>
    </RadioGroup>

注意 android:layout_below="@+id/rbtn_to"。顾名思义，这会将第二个 RadioButton 放在第一个 RadioButton 的下方，并且不会像 RelativeLayout 中的正常情况那样与其重叠。

Answer 2

Use this code using RelativeLayout.
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
 >

<RadioGroup
    android:id="@+id/rgroup_pk"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true" >

    <RadioButton
        android:id="@+id/rbtn_to"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:checked="true"
        android:text="A" />

    <RadioButton
        android:id="@+id/rbtn_from"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="HIIIIIIIIII" />
</RadioGroup>

</RelativeLayout>

通过检查单选按钮对齐单选按钮

Align radio buttons by their checkradio

android

android-radiogroup

android-radiobutton