Bdtjtk

Question

I want to put the text of a radio button on the left not on the right

I found this solution

        <RadioGroup

        android:id="@+id/radios"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_alignParentLeft="true"

        android:layout_gravity="right"

        android:inputType="text"

        android:orientation="vertical" >



        <RadioButton

            android:id="@+id/first"

            android:layout_width="fill_parent"

            android:layout_height="wrap_content"

            android:layout_gravity="right"

            android:background="@color/white"

            android:button="@null"

            android:drawablePadding="30dp"

            android:drawableRight="@android:drawable/btn_radio"

            android:text="first"

            android:textColor="@color/Black"

            android:textSize="20dip" />



        <RadioButton

            android:id="@+id/second"

            android:layout_width="fill_parent"

            android:layout_height="wrap_content"

            android:background="@color/Black"

            android:button="@null"

            android:drawablePadding="30dp"

            android:drawableRight="@android:drawable/btn_radio"

            android:text="second"

            android:textColor="@color/White"

            android:textSize="20dp" />



        <RadioButton

            android:id="@+id/third"

            android:layout_width="fill_parent"

            android:layout_height="wrap_content"

            android:background="@color/Maroon"

            android:button="@null"

            android:drawablePadding="30dp"

            android:drawableRight="@android:drawable/btn_radio"

            android:text="third"

            android:textColor="@color/Vanilla"

            android:textSize="20dp" />

    </RadioGroup>

but the problem is that the text gravity will be at the left what I want is to put it to right because i'm writing Arabic words

enter image description here

For language perspective all you need was one line... that is...(android:layoutDirection="rtl" )..... it is more easier :P — Jun 24 '16 at 18:50

Mukesh Kumar SinghMukesh Kumar Singh 3,84121728 · Accepted Answer · 2013-09-20 11:12:22Z

Add android:gravity="right" in each RadioButton as follow..

  <RadioGroup

    android:id="@+id/radios"

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:layout_alignParentLeft="true"

    android:layout_gravity="right"

    android:inputType="text"

    android:orientation="vertical" >



    <RadioButton

        android:id="@+id/first"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_gravity="right"

        android:background="@color/white"

        android:button="@null"

        android:drawablePadding="30dp"

        android:drawableRight="@android:drawable/btn_radio"

        android:text="first"

        android:textColor="@color/Black"

        android:textSize="20dip" 

        android:gravity="right"/>



    <RadioButton

        android:id="@+id/second"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:background="@color/Black"

        android:button="@null"

        android:drawablePadding="30dp"

        android:drawableRight="@android:drawable/btn_radio"

        android:text="second"

        android:textColor="@color/White"

        android:textSize="20dp"

         android:gravity="right"/>



    <RadioButton

        android:id="@+id/third"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:background="@color/Maroon"

        android:button="@null"

        android:drawablePadding="30dp"

        android:drawableRight="@android:drawable/btn_radio"

        android:text="third"

        android:textColor="@color/Vanilla"

        android:textSize="20dp"

        android:gravity="right" />

</RadioGroup>

Well, this kindof works... but it gives a different radio button image. On Holo you get another image in the original RadioButton... :( — Mar 16 '14 at 19:41
While the solution works, the first sentence is misleading. The radio buttons are moved to the right of the text, instead of to the left, because of android:button="@null" and android:drawableRight="@android:drawable/btn_radio". What android:gravity="right" does is aligning the widget to the right of its parent, rather than just the button. — Jun 18 '15 at 18:35

lukaspp 11419 · Accepted Answer · 2016-09-27 09:48:19Z

Try adding the following attributes into the RadioButton, it should work, this way you still get to keep the ripple effect on the radio button:

            android:layoutDirection="rtl"

            android:textAlignment="textStart"

            android:layout_gravity="start"

Remember to set supportsRtl property to true in your application manifest.

for eg:

           <RadioGroup

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:orientation="vertical" >



                <RadioButton

                    android:layout_width="match_parent"

                    android:layout_height="wrap_content"

                    android:layout_margin="4dp"

                    android:layoutDirection="rtl"

                    android:textAlignment="textStart"

                    android:layout_gravity="start"

                    android:text="The test item a"

                    android:textSize="14sp" />



                 ....                       



            </RadioGroup>

would give out:

enter image description here

this method need minimum sdk level 17 how can I make view like that if I have the minimum sdk level < 17 — Oct 4 '16 at 13:42
you should use appcompat radiobutton to bypass sdk level limitation — Jun 16 '17 at 7:23
Im not sure if this used to work, it seems like it, but for me it does not produce the result in the screenshot - not even close — Feb 13 '18 at 8:50

RobinHoodRobinHood 8,89243586 · Accepted Answer · 2013-09-20 11:23:28Z

There is property called android:drawableRight which will set your drawable right side of your text and set android:button as null. check below piece of code:

Note: This is sample, you can apply to your all radioButton.

 <RadioButton 

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:button="@null"

             android:drawableRight="@android:drawable/btn_radio"

             android:text="Left"/>

but after this, the radio button is not getting checked(clicked). Im i doing something wrong. please help stackoverflow.com/questions/28052820/… — Jan 20 '15 at 18:50

SeyyedSeyyed 68721123 · Accepted Answer · 2016-02-17 08:35:10Z

10

Just add:

android:button="@null"

android:drawableRight="@android:drawable/btn_radio"

answered Feb 17 '16 at 8:35

Seyyed

68721123

add a comment |

score 9 · Accepted Answer · 2018-06-21 13:38:03Z

Based on the answer of Irshu I suggest the following solution which uses the material ripple effect and produces the following outcome:

Demo

If you want the dividers as shown in the GIF than simply add a view with the height of 1 and a background color between the radiobuttons.

<RadioGroup

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:checkedButton="@+id/radioButton1">



    <RadioButton

        android:id="@+id/radioButton1"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:button="@null"

        android:drawableRight="?android:attr/listChoiceIndicatorSingle"

        android:background="?android:selectableItemBackground"

        android:layoutDirection="rtl"

        android:layout_gravity="start"

        android:textAlignment="textStart"

        android:paddingBottom="10dp"

        android:paddingLeft="20dp"

        android:paddingRight="20dp"

        android:paddingTop="10dp"

        android:text="Button1"

        android:textSize="14sp" />



    <RadioButton

        android:id="@+id/radioButton2"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:button="@null"

        android:drawableRight="?android:attr/listChoiceIndicatorSingle"

        android:background="?android:selectableItemBackground"

        android:layoutDirection="rtl"

        android:layout_gravity="start"

        android:textAlignment="textStart"

        android:paddingBottom="10dp"

        android:paddingLeft="20dp"

        android:paddingRight="20dp"

        android:paddingTop="10dp"

        android:text="Button2"

        android:textSize="14sp" />



    <RadioButton

        android:id="@+id/radioButton3"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:button="@null"

        android:drawableRight="?android:attr/listChoiceIndicatorSingle"

        android:background="?android:selectableItemBackground"

        android:layoutDirection="rtl"

        android:layout_gravity="start"

        android:textAlignment="textStart"

        android:paddingBottom="10dp"

        android:paddingLeft="20dp"

        android:paddingRight="20dp"

        android:paddingTop="10dp"

        android:text="Button3"

        android:textSize="14sp" />

</RadioGroup>

Thank you really much!

– Gabriella Angelova
Dec 5 '18 at 12:26 — Dec 5 '18 at 12:26

score 7 · Accepted Answer · 2017-07-14 11:06:45Z

7

add this in xml : ( 4.2 and above)

android:layoutDirection="rtl"

for older version than 4.2 use ViewCompat from android.support.v4.view:

ViewCompat.setLayoutDirection(findViewById(R.id.radio_button), ViewCompat.LAYOUT_DIRECTION_RTL);

edited Jul 14 '17 at 11:06

answered Jul 14 '17 at 10:40

masood farmani

8114

add a comment |

Saeed EntezariSaeed Entezari 1,198718 · Accepted Answer · 2017-03-05 06:45:22Z

In case anyone is still wondering how to achieve this, here's a better solution in my opinion:
RadioGroup class extends LineareLayout. You can add a simple radio button and a TextView beside it and easily have the same effect:

<RadioGroup

                    android:layout_width="match_parent"

                    android:layout_height="match_parent"

                    android:gravity="center_horizontal"

                    android:orientation="horizontal">



                    <TextView

                        android:layout_width="wrap_content"

                        android:layout_height="wrap_content"

                        android:text="خانم"/>



                    <RadioButton

                        android:id="@+id/female"

                        android:layout_width="wrap_content"

                        android:layout_height="wrap_content"

                        android:layout_marginRight="20dp"

                        />



                    <TextView

                        android:layout_width="wrap_content"

                        android:layout_height="wrap_content"

                        android:layout_marginLeft="20dp"

                        android:text="آقا"/>



                    <RadioButton

                        android:id="@+id/male"

                        android:layout_width="wrap_content"

                        android:layout_height="wrap_content"

                        />



                </RadioGroup>

Which then makes a layout like below:

enter image description here

Nino Filiu 1,55511021 · Accepted Answer · 2018-12-31 16:06:48Z

3

Very simple, you want the text to appear in the left of the radio button, you just have to change the layout direction to rtl (== right to left):

android:layoutDirection="rtl"

edited Dec 31 '18 at 16:06

Nino Filiu

1,55511021

answered Dec 31 '18 at 13:52

medmahmoudkedda

311

add a comment |

SiSaSiSa 8921720 · Accepted Answer · 2017-03-11 11:41:33Z

I've used a trick like the code below to achieve this in all SDKs with default UI and default select behavior:

<LinearLayout

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:layoutDirection="ltr"

    android:orientation="vertical"

    android:padding="10dp">



    <RelativeLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content">



        <TextView

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_centerVertical="true"

            android:layout_marginRight="30dp"

            android:paddingLeft="15dp"

            android:paddingRight="15dp"

            android:text="RadioButton 1"

            android:textColor="@color/Black" />



        <RadioButton

            android:id="@+id/rb1"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_alignParentRight="true"

            android:paddingBottom="10dp"

            android:paddingTop="10dp"

            android:scaleX="-1" />

    </RelativeLayout>



    <RelativeLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content">



        <TextView

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_centerVertical="true"

            android:layout_marginRight="30dp"

            android:paddingLeft="15dp"

            android:paddingRight="15dp"

            android:text="RadioButton 2"

            android:textColor="@color/Black" />



        <RadioButton

            android:id="@+id/rb2"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_alignParentRight="true"

            android:paddingBottom="10dp"

            android:paddingTop="10dp"

            android:scaleX="-1" />

    </RelativeLayout>

</LinearLayout>

Now for make the buttons single selectable, just write the code for buttons onCheckedChanged listener and make other buttons unchecked.

Like this:

rb1.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

    @Override

    public void onCheckedChanged(CompoundButton compoundButton, boolean checked) {

        if(checked)

            rb2.setChecked(false);

    }

});

score 2 · Accepted Answer · 2018-09-03 16:36:04Z

try this code :

                     <RadioGroup

                        android:layout_width="match_parent"

                        android:layout_height="wrap_content"

                        android:orientation="vertical" 

                        android:gravity="right">



                        <RadioButton

                            android:layout_width="match_parent"

                            android:layout_height="wrap_content"

                            android:textDirection="rtl"

                            android:layout_margin="4dp"

                            android:layoutDirection="rtl"

                            android:textAlignment="textStart"

                            android:layout_gravity="start"

                            android:text="اول"

                            android:textSize="15dp"/>

                    </RadioGroup>

result :
show result

Why should the OP "try this code"? A good answer will always have an explanation of what was done and why it was done in such a manner, not only for the OP but for future visitors to SO. — Jun 13 '18 at 10:23

user2790339 · Accepted Answer · 2013-09-20 11:05:31Z

try this code and change the values to your arabic words..

main.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

              android:orientation="vertical"

              android:layout_width="fill_parent"

              android:layout_height="fill_parent"

        >

    <RadioGroup

            android:id="@+id/radioGender"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content" >



        <RadioButton

                android:id="@+id/radioMale"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="@string/radio_male"

                android:checked="true" />



        <RadioButton

                android:id="@+id/radioFemale"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="@string/radio_female" />



    </RadioGroup>



    <Button

            android:id="@+id/btnDisplay"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="@string/btn_display" />



</LinearLayout>

oh man, what is this code it's the default radio button. what I want is to have the radio button like the picture above radio button on the right of the text and the text should be aligned to the right — Sep 20 '13 at 11:12

Daniel HöhDaniel Höh 112 · Accepted Answer · 2014-01-19 20:20:52Z

1

Take a look at the "CustomChoiceList" example, there it is explained how you can create either your own check boxes/radio buttons or how you can create a ListView with the default check boxes/radio buttons used in the android settings, for example. You should especially note the res/layout/sample_main.xml file, it expains much.

answered Jan 19 '14 at 20:20

Daniel Höh

112

3

Please provide the relevant code or explanation as part of your answer rather than linking to another resource.

– Sean Connolly
Jan 19 '14 at 20:40

add a comment |

Dishant KawatraDishant Kawatra 664 · Accepted Answer · 2018-05-17 09:21:07Z

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            fontPath="@string/font_nunito_light"

            android:text="Male"

            android:layout_marginTop="@dimen/dp_10"

            android:drawablePadding="@dimen/dp_10"

            android:drawableStart="@drawable/selector_radio"

            android:button="@null"

            android:id="@+id/rb_"

            android:checked="true"

           android:textSize="@dimen/sp_15"

While this code might answer the question you still might consider adding a few explanatory sentences as this increases the value of your answer for other users. — May 17 '18 at 9:39

Milad Mohammad RezaeiMilad Mohammad Rezaei 412 · Accepted Answer · 2019-01-27 06:29:58Z

to keep material style use android:drawableRight="?android:attr/listChoiceIndicatorSingle"

<RadioButton

   android:id="@+id/radioButton"

   android:layout_width="wrap_content"

   android:layout_height="wrap_content"

   android:button="@null"

   android:text="rtl button"

   android:drawableRight="?android:attr/listChoiceIndicatorSingle"/>

Mukesh Kumar SinghMukesh Kumar Singh 3,84121728 · Accepted Answer · 2013-09-20 11:12:22Z

Add android:gravity="right" in each RadioButton as follow..

  <RadioGroup

    android:id="@+id/radios"

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:layout_alignParentLeft="true"

    android:layout_gravity="right"

    android:inputType="text"

    android:orientation="vertical" >



    <RadioButton

        android:id="@+id/first"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_gravity="right"

        android:background="@color/white"

        android:button="@null"

        android:drawablePadding="30dp"

        android:drawableRight="@android:drawable/btn_radio"

        android:text="first"

        android:textColor="@color/Black"

        android:textSize="20dip" 

        android:gravity="right"/>



    <RadioButton

        android:id="@+id/second"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:background="@color/Black"

        android:button="@null"

        android:drawablePadding="30dp"

        android:drawableRight="@android:drawable/btn_radio"

        android:text="second"

        android:textColor="@color/White"

        android:textSize="20dp"

         android:gravity="right"/>



    <RadioButton

        android:id="@+id/third"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:background="@color/Maroon"

        android:button="@null"

        android:drawablePadding="30dp"

        android:drawableRight="@android:drawable/btn_radio"

        android:text="third"

        android:textColor="@color/Vanilla"

        android:textSize="20dp"

        android:gravity="right" />

</RadioGroup>

Well, this kindof works... but it gives a different radio button image. On Holo you get another image in the original RadioButton... :( — Mar 16 '14 at 19:41
While the solution works, the first sentence is misleading. The radio buttons are moved to the right of the text, instead of to the left, because of android:button="@null" and android:drawableRight="@android:drawable/btn_radio". What android:gravity="right" does is aligning the widget to the right of its parent, rather than just the button. — Jun 18 '15 at 18:35

lukaspp 11419 · Accepted Answer · 2016-09-27 09:48:19Z

Try adding the following attributes into the RadioButton, it should work, this way you still get to keep the ripple effect on the radio button:

            android:layoutDirection="rtl"

            android:textAlignment="textStart"

            android:layout_gravity="start"

Remember to set supportsRtl property to true in your application manifest.

for eg:

           <RadioGroup

                android:layout_width="match_parent"

                android:layout_height="wrap_content"

                android:orientation="vertical" >



                <RadioButton

                    android:layout_width="match_parent"

                    android:layout_height="wrap_content"

                    android:layout_margin="4dp"

                    android:layoutDirection="rtl"

                    android:textAlignment="textStart"

                    android:layout_gravity="start"

                    android:text="The test item a"

                    android:textSize="14sp" />



                 ....                       



            </RadioGroup>

would give out:

enter image description here

this method need minimum sdk level 17 how can I make view like that if I have the minimum sdk level < 17 — Oct 4 '16 at 13:42
you should use appcompat radiobutton to bypass sdk level limitation — Jun 16 '17 at 7:23
Im not sure if this used to work, it seems like it, but for me it does not produce the result in the screenshot - not even close — Feb 13 '18 at 8:50

RobinHoodRobinHood 8,89243586 · Accepted Answer · 2013-09-20 11:23:28Z

There is property called android:drawableRight which will set your drawable right side of your text and set android:button as null. check below piece of code:

Note: This is sample, you can apply to your all radioButton.

 <RadioButton 

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:button="@null"

             android:drawableRight="@android:drawable/btn_radio"

             android:text="Left"/>

but after this, the radio button is not getting checked(clicked). Im i doing something wrong. please help stackoverflow.com/questions/28052820/… — Jan 20 '15 at 18:50

SeyyedSeyyed 68721123 · Accepted Answer · 2016-02-17 08:35:10Z

10

Just add:

android:button="@null"

android:drawableRight="@android:drawable/btn_radio"

answered Feb 17 '16 at 8:35

Seyyed

68721123

add a comment |

score 9 · Accepted Answer · 2018-06-21 13:38:03Z

Based on the answer of Irshu I suggest the following solution which uses the material ripple effect and produces the following outcome:

Demo

If you want the dividers as shown in the GIF than simply add a view with the height of 1 and a background color between the radiobuttons.

<RadioGroup

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:checkedButton="@+id/radioButton1">



    <RadioButton

        android:id="@+id/radioButton1"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:button="@null"

        android:drawableRight="?android:attr/listChoiceIndicatorSingle"

        android:background="?android:selectableItemBackground"

        android:layoutDirection="rtl"

        android:layout_gravity="start"

        android:textAlignment="textStart"

        android:paddingBottom="10dp"

        android:paddingLeft="20dp"

        android:paddingRight="20dp"

        android:paddingTop="10dp"

        android:text="Button1"

        android:textSize="14sp" />



    <RadioButton

        android:id="@+id/radioButton2"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:button="@null"

        android:drawableRight="?android:attr/listChoiceIndicatorSingle"

        android:background="?android:selectableItemBackground"

        android:layoutDirection="rtl"

        android:layout_gravity="start"

        android:textAlignment="textStart"

        android:paddingBottom="10dp"

        android:paddingLeft="20dp"

        android:paddingRight="20dp"

        android:paddingTop="10dp"

        android:text="Button2"

        android:textSize="14sp" />



    <RadioButton

        android:id="@+id/radioButton3"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:button="@null"

        android:drawableRight="?android:attr/listChoiceIndicatorSingle"

        android:background="?android:selectableItemBackground"

        android:layoutDirection="rtl"

        android:layout_gravity="start"

        android:textAlignment="textStart"

        android:paddingBottom="10dp"

        android:paddingLeft="20dp"

        android:paddingRight="20dp"

        android:paddingTop="10dp"

        android:text="Button3"

        android:textSize="14sp" />

</RadioGroup>

Thank you really much!

– Gabriella Angelova
Dec 5 '18 at 12:26 — Dec 5 '18 at 12:26

score 7 · Accepted Answer · 2017-07-14 11:06:45Z

7

add this in xml : ( 4.2 and above)

android:layoutDirection="rtl"

for older version than 4.2 use ViewCompat from android.support.v4.view:

ViewCompat.setLayoutDirection(findViewById(R.id.radio_button), ViewCompat.LAYOUT_DIRECTION_RTL);

edited Jul 14 '17 at 11:06

answered Jul 14 '17 at 10:40

masood farmani

8114

add a comment |

Saeed EntezariSaeed Entezari 1,198718 · Accepted Answer · 2017-03-05 06:45:22Z

In case anyone is still wondering how to achieve this, here's a better solution in my opinion:
RadioGroup class extends LineareLayout. You can add a simple radio button and a TextView beside it and easily have the same effect:

<RadioGroup

                    android:layout_width="match_parent"

                    android:layout_height="match_parent"

                    android:gravity="center_horizontal"

                    android:orientation="horizontal">



                    <TextView

                        android:layout_width="wrap_content"

                        android:layout_height="wrap_content"

                        android:text="خانم"/>



                    <RadioButton

                        android:id="@+id/female"

                        android:layout_width="wrap_content"

                        android:layout_height="wrap_content"

                        android:layout_marginRight="20dp"

                        />



                    <TextView

                        android:layout_width="wrap_content"

                        android:layout_height="wrap_content"

                        android:layout_marginLeft="20dp"

                        android:text="آقا"/>



                    <RadioButton

                        android:id="@+id/male"

                        android:layout_width="wrap_content"

                        android:layout_height="wrap_content"

                        />



                </RadioGroup>

Which then makes a layout like below:

enter image description here

Nino Filiu 1,55511021 · Accepted Answer · 2018-12-31 16:06:48Z

3

Very simple, you want the text to appear in the left of the radio button, you just have to change the layout direction to rtl (== right to left):

android:layoutDirection="rtl"

edited Dec 31 '18 at 16:06

Nino Filiu

1,55511021

answered Dec 31 '18 at 13:52

medmahmoudkedda

311

add a comment |

SiSaSiSa 8921720 · Accepted Answer · 2017-03-11 11:41:33Z

I've used a trick like the code below to achieve this in all SDKs with default UI and default select behavior:

<LinearLayout

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:layoutDirection="ltr"

    android:orientation="vertical"

    android:padding="10dp">



    <RelativeLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content">



        <TextView

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_centerVertical="true"

            android:layout_marginRight="30dp"

            android:paddingLeft="15dp"

            android:paddingRight="15dp"

            android:text="RadioButton 1"

            android:textColor="@color/Black" />



        <RadioButton

            android:id="@+id/rb1"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_alignParentRight="true"

            android:paddingBottom="10dp"

            android:paddingTop="10dp"

            android:scaleX="-1" />

    </RelativeLayout>



    <RelativeLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content">



        <TextView

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_centerVertical="true"

            android:layout_marginRight="30dp"

            android:paddingLeft="15dp"

            android:paddingRight="15dp"

            android:text="RadioButton 2"

            android:textColor="@color/Black" />



        <RadioButton

            android:id="@+id/rb2"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_alignParentRight="true"

            android:paddingBottom="10dp"

            android:paddingTop="10dp"

            android:scaleX="-1" />

    </RelativeLayout>

</LinearLayout>

Now for make the buttons single selectable, just write the code for buttons onCheckedChanged listener and make other buttons unchecked.

Like this:

rb1.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

    @Override

    public void onCheckedChanged(CompoundButton compoundButton, boolean checked) {

        if(checked)

            rb2.setChecked(false);

    }

});

score 2 · Accepted Answer · 2018-09-03 16:36:04Z

try this code :

                     <RadioGroup

                        android:layout_width="match_parent"

                        android:layout_height="wrap_content"

                        android:orientation="vertical" 

                        android:gravity="right">



                        <RadioButton

                            android:layout_width="match_parent"

                            android:layout_height="wrap_content"

                            android:textDirection="rtl"

                            android:layout_margin="4dp"

                            android:layoutDirection="rtl"

                            android:textAlignment="textStart"

                            android:layout_gravity="start"

                            android:text="اول"

                            android:textSize="15dp"/>

                    </RadioGroup>

result :
show result

Why should the OP "try this code"? A good answer will always have an explanation of what was done and why it was done in such a manner, not only for the OP but for future visitors to SO. — Jun 13 '18 at 10:23

user2790339 · Accepted Answer · 2013-09-20 11:05:31Z

try this code and change the values to your arabic words..

main.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

              android:orientation="vertical"

              android:layout_width="fill_parent"

              android:layout_height="fill_parent"

        >

    <RadioGroup

            android:id="@+id/radioGender"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content" >



        <RadioButton

                android:id="@+id/radioMale"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="@string/radio_male"

                android:checked="true" />



        <RadioButton

                android:id="@+id/radioFemale"

                android:layout_width="wrap_content"

                android:layout_height="wrap_content"

                android:text="@string/radio_female" />



    </RadioGroup>



    <Button

            android:id="@+id/btnDisplay"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:text="@string/btn_display" />



</LinearLayout>

oh man, what is this code it's the default radio button. what I want is to have the radio button like the picture above radio button on the right of the text and the text should be aligned to the right — Sep 20 '13 at 11:12

Daniel HöhDaniel Höh 112 · Accepted Answer · 2014-01-19 20:20:52Z

1

Take a look at the "CustomChoiceList" example, there it is explained how you can create either your own check boxes/radio buttons or how you can create a ListView with the default check boxes/radio buttons used in the android settings, for example. You should especially note the res/layout/sample_main.xml file, it expains much.

answered Jan 19 '14 at 20:20

Daniel Höh

112

3

Please provide the relevant code or explanation as part of your answer rather than linking to another resource.

– Sean Connolly
Jan 19 '14 at 20:40

add a comment |

Dishant KawatraDishant Kawatra 664 · Accepted Answer · 2018-05-17 09:21:07Z

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            fontPath="@string/font_nunito_light"

            android:text="Male"

            android:layout_marginTop="@dimen/dp_10"

            android:drawablePadding="@dimen/dp_10"

            android:drawableStart="@drawable/selector_radio"

            android:button="@null"

            android:id="@+id/rb_"

            android:checked="true"

           android:textSize="@dimen/sp_15"

While this code might answer the question you still might consider adding a few explanatory sentences as this increases the value of your answer for other users. — May 17 '18 at 9:39

Milad Mohammad RezaeiMilad Mohammad Rezaei 412 · Accepted Answer · 2019-01-27 06:29:58Z

to keep material style use android:drawableRight="?android:attr/listChoiceIndicatorSingle"

<RadioButton

   android:id="@+id/radioButton"

   android:layout_width="wrap_content"

   android:layout_height="wrap_content"

   android:button="@null"

   android:text="rtl button"

   android:drawableRight="?android:attr/listChoiceIndicatorSingle"/>

搜尋此網誌

Bdtjtk

how to put the text on the left of a radio button in android

14 Answers
14

Your Answer

Post as a guest

14 Answers
14

14 Answers
14

Post as a guest

Popular posts from this blog

Monofisismo

Angular Downloading a file using contenturl with Basic Authentication

Olmecas

how to put the text on the left of a radio button in android

14 Answers 14

Your Answer

Sign up or log in

Post as a guest

Post as a guest

14 Answers 14

14 Answers 14

Sign up or log in

Post as a guest

Post as a guest

Sign up or log in

Post as a guest

Sign up or log in

Post as a guest

Sign up or log in

Post as a guest

Popular posts from this blog

Monofisismo

Angular Downloading a file using contenturl with Basic Authentication

Olmecas

14 Answers
14

14 Answers
14

14 Answers
14