android - 右侧带有选中指示器的自定义单选按钮

Question

有人可以告诉我如何创建一个带有单选按钮的 radioGroup，该按钮看起来像图像上的样子：

这是我的xml代码：

<RadioGroup
            android:id="@+id/network_creation_radiogroup"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingRight="20dp">

            <RadioButton
                android:id="@+id/network_creation_private"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:checked="false"
                android:drawableRight="@drawable/lock"
                android:text="Private"
                android:textAppearance="?android:attr/textAppearanceMedium" />

            <TextView
                style="@style/TextView_LightGrey"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Anyone can join" />

            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:layout_margin="10dp"
                android:background="@color/dark_gray" />

            <RadioButton
                android:id="@+id/network_creation_public"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:checked="true"
                android:drawableRight="@drawable/unlock"
                android:text="Public"
                android:textAppearance="?android:attr/textAppearanceMedium" />

            <TextView
                style="@style/TextView_LightGrey"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Join via a suggest from existing\nnetwork members" />
        </RadioGroup>

Answer 1

单选按钮选择器 xml

res/drawable/radio_selector.xml

<?xml version="1.0" encoding="utf-8"?>
 <selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/btn_selected" android:state_checked="true"/>
    <item android:drawable="@drawable/btn_unselected" android:state_checked="false"/>

 </selector>

现在添加到每个单选按钮标签。android:background="@drawable/radio_selector" android:drawableRight="@drawable/radio_selector"

Answer 2

您可以在此处使用 Checked Text View 而不是单选按钮，这里是示例，但在此您必须处理已选中的状态，如单选组。意味着如果一个被选中，你必须让另一个未被选中。