Text leftside of a RadioButton with a margin on Android

Question

I want to have the "label", - the text you set in your RadioButton to show left of the button and have some padding in between.

Adding an additional TextView into the layout doesn't work because my RadioGroup does not work (i can choose multiple buttons) if i add anything other then a RadioButton into the RadioGroup.

So, how can i change the RadioButton to be <text><buttondrawable> instead of <buttondrawable><text>

Solution

You can achieve this by setting android:button="@null" and adding the drawable of the RadioButton as android:drawableRight. You can change the Padding between the text and the drawable with android:drawablePadding .

    <RadioGroup
        android:id="@+id/radios"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:inputType="text"
        android:orientation="vertical" >

        <RadioButton
            android:id="@+id/first"
            android:button="@null"
            android:drawableRight="@android:drawable/btn_radio"
            android:drawablePadding="20dp"
            android:layout_width="200dip"
            android:layout_height="wrap_content"
            android:text="@string/first"
            android:textSize="20dip" />

        <RadioButton
            android:id="@+id/second"
            android:button="@null"
            android:drawableRight="@android:drawable/btn_radio"
            android:drawablePadding="20dp"
            android:layout_width="200dip"
            android:layout_height="wrap_content"
            android:text="@string/second"
            android:textSize="20dip" />
    </RadioGroup>
</RelativeLayout>

Comments

[Yalla T.]

Having two of those inside of a RadioGroup, I can still select both.

[Yalla T.]

Thanks! Very clever solution and i can easily add the padding i wanted with android:drawablePadding.

[Yalla T.]

The TextView still reserves space for the Button on the left, but when you set a negative margin/padding on the left, you can clean that up.

[Yalla T.]

regarding my previous comment, the space is not reserved on JellyBean So you have to make another Version without the negative Padding for JellyBean Devices.

[Jarett Millard]

Setting android:background="@null" on the RadioButton will remove the mysterious padding.

[Jeroen Kransen]

Please add the essence in a code snippet, future readers should not have to follow your link, unless they want more in-depth information.

[Jeroen Kransen]

Also, the order of answers may vary, so better refer to an answer by the poster's name.