如何在 android 的 MaterialRadioButton 上设置文本（先对齐）后跟单选按钮

Question

如何实现这个设计。（先是文本，然后是单选按钮）

这是我的代码

<LinearLayout 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

    <RadioGroup
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:checkedButton="@+id/txtPopular">

        <com.google.android.material.radiobutton.MaterialRadioButton
            android:id="@+id/txtPopular"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/urgent" />

        <com.google.android.material.radiobutton.MaterialRadioButton
            android:id="@+id/txtPopular"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/popular" />

        <com.google.android.material.radiobutton.MaterialRadioButton
            android:id="@+id/txtHighToLow"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/hightlow" />

    <com.google.android.material.radiobutton.MaterialRadioButton
            android:id="@+id/txtLowToHigh"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@string/lowthigh" />
    </RadioGroup>
</LinearLayout>

她是我的设计截图

我已经提到了，但大多数链接都是带有 RadioButton 的单独 TextView。请分享您的宝贵意见。谢谢

Answer 1

试试这个

 <RadioGroup
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:checkedButton="@+id/radioButton1">

        <RadioButton
            android:id="@+id/btn1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:button="@null"
            android:drawableRight="?android:attr/listChoiceIndicatorSingle"
            android:background="?android:selectableItemBackground"
            android:layout_gravity="start"
            android:textAlignment="textStart"
            android:paddingBottom="10dp"
            android:paddingLeft="20dp"
            android:paddingRight="20dp"
            android:paddingTop="10dp"
            android:text="Urgent"/>

        <RadioButton
            android:id="@+id/btn2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:button="@null"
            android:drawableRight="?android:attr/listChoiceIndicatorSingle"
            android:background="?android:selectableItemBackground"
            android:layout_gravity="start"
            android:textAlignment="textStart"
            android:paddingBottom="10dp"
            android:paddingLeft="20dp"
            android:paddingRight="20dp"
            android:paddingTop="10dp"
            android:text="Popular" />

        <RadioButton
            android:id="@+id/btn3"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:button="@null"
            android:drawableRight="?android:attr/listChoiceIndicatorSingle"
            android:background="?android:selectableItemBackground"
            android:layout_gravity="start"
            android:textAlignment="textStart"
            android:paddingBottom="10dp"
            android:paddingLeft="20dp"
            android:paddingRight="20dp"
            android:paddingTop="10dp"
            android:text="High to Low"/>

        <RadioButton
            android:id="@+id/btn4"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:button="@null"
            android:drawableRight="?android:attr/listChoiceIndicatorSingle"
            android:background="?android:selectableItemBackground"
            android:layout_gravity="start"
            android:textAlignment="textStart"
            android:paddingBottom="10dp"
            android:paddingLeft="20dp"
            android:paddingRight="20dp"
            android:paddingTop="10dp"
            android:text="Low to High"/>
    </RadioGroup>

如何在 android 的 MaterialRadioButton 上设置文本（先对齐）后跟单选按钮

How to set text (Alignment First) followed by radiobutton on MaterialRadioButton in android

android

material-design

material-components-android

radio-group

android-radiobutton