Can't change Radio Button color on Android

Question

I'm using Android Studio. I need to change the color of the Radio Button, after changing the Button Tint Color value to the one I need it works on the preview, but whenever I launch the app on a device the button is the standard green/blue-ish color.

Is this some kind of device API level issue? If so, is it possible to change the color for older devices?

see this post https://stackoverflow.com/a/52802572/4797289 – Rasoul Miri Oct 14 '18 at 12:22 — Rasoul Miri, Oct 14 '18 at 12:22

score 22 · Accepted Answer · answered Apr 18 '15 at 01:39

After reading @Ranjith's answer i did a little digging and this seemed to work. Just add it to your AppTheme.

    //red is the color of the pressed state and activated state
    <item name="colorControlActivated">@android:color/holo_red_light</item>
    //black is the color of the normal state
    <item name="colorControlNormal">@android:color/black</item>

My question is how do you do this programatically as I have dynamic radio buttons??

Sufian · Answer 2 · 2016-12-01T07:35:02.470

11

This can be done in two ways (to support pre-Lollipop):

Use AppCompatRadioButton:

AppCompatRadioButton radioButton;
// now use following methods to set tint colour
radioButton.setSupportButtonTintMode();
radioButton.setSupportButtonTintList();

Apply this as style to your RadioButton in your XML:

<style name="RadioButton.Login" parent="Widget.AppCompat.CompoundButton.RadioButton">
    <item name="android:textColor">@android:color/white</item>
    <item name="buttonTint">@android:color/white</item>
</style>

edited Dec 01 '16 at 07:35

answered Nov 30 '16 at 15:44

Sufian

6,405
16
66
120

1

Nice answer, thanks for including the backward compatibility support. – AdamMc331 Nov 30 '16 at 17:33

score 8 · Answer 3 · answered Apr 21 '15 at 15:34

8

RadioButton raPrivate = (RadioButton) layout.findViewById(R.id.radioPrivate);
int textColor = Color.parseColor(#000000);
raPrivate.setButtonTintList(ColorStateList.valueOf(textColor));

answered Apr 21 '15 at 15:34

BooNonMooN

250
3
13

10

It looks like the buttonTint is only used in API 21 and up. Any idea for what to use before that? – AdamMc331 May 23 '15 at 04:31
1

@McAdam331 please see [my answer below](http://stackoverflow.com/a/40892467/1276636). – Sufian Nov 30 '16 at 15:45
after various failed answers, this answer plus `AppCompatRadioButton` is THE answer. Thanks – voghDev Jun 09 '17 at 07:42
Superb! `setSupportButtonTintList` Works like a charm on API 21 and above. – sud007 Jun 23 '17 at 05:15

score 5 · Answer 4 · answered Nov 01 '16 at 04:24

If you want to change the color, but not change colorControlActivated and colorControlNormal for the entire app, you can override your apptheme just for the radio button by creating a new style:

<android.support.v7.widget.AppCompatRadioButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerVertical="true"
    android:layout_alignParentEnd="true"
    android:theme="@style/RadioButtonTheme"
    android:id="@+id/radioButton"/>



<style name="RadioButtonTheme" parent="@style/AppTheme">
    <item name="colorControlActivated">@color/colorAccent</item>
    <item name="colorControlNormal">@color/colorPrimaryDark</item>
</style>

score 3 · Answer 5 · answered Oct 14 '15 at 05:47

No need of additional styling. Android supports it via xml. Just add android:buttonTint="@color/yourColor" in your radio button.

For eg.

<RadioButton
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:buttonTint="@color/red"
 android:text="Upload"
 android:textColor="@color/text_dark_gray"
 android:textSize="14sp" />

score 2 · Answer 6 · answered Feb 03 '15 at 19:55

Assuming you are using appcompat in your app just add the below within styles.xml

<item name="colorAccent">@color/blue</item>

Now blue colorAccent will be set, just change color to any color you want.

For eg, the whole style.xml

<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimary">@color/accent_material_dark</item>
        <item name="colorPrimaryDark">@color/accent_color_dark</item>
        <item name="colorAccent">@color/accent_color</item>
        <item name="windowActionBar">false</item>
    </style>
</resources>

@victor freg mark answered if my answer helped you so that it helps other users — Psypher, Jun 27 '15 at 12:21

score 1 · Answer 7 · answered Jul 14 '16 at 04:50

I have done this way:

Screenshot

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context=".MainActivity"
    tools:showIn="@layout/app_bar_main">

    <RadioGroup
        android:id="@+id/radioGroup"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">


    </RadioGroup>

</RelativeLayout>

MainActivity.java

public class MainActivity extends AppCompatActivity
        implements NavigationView.OnNavigationItemSelectedListener {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);


        RadioGroup radioGroup = (RadioGroup) findViewById(R.id.radioGroup);

        /**
         * First Radio Buttonn
         */
        RadioButton radioButtonAndroid = (RadioButton) getLayoutInflater().inflate(R.layout.custom_radiobutton, null);
        radioButtonAndroid.setText("Hello Android");
        radioGroup.addView(radioButtonAndroid);

        /**
         * Second Radio Buttonn
         */
        RadioButton radioButtonIos = (RadioButton) getLayoutInflater().inflate(R.layout.custom_radiobutton, null);
        radioButtonIos.setText("Hello Ios");
        radioGroup.addView(radioButtonIos);
    }
}

custom_radiobutton.xml

<?xml version="1.0" encoding="utf-8"?>
<RadioButton xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:buttonTint="@color/colorPrimary"
    android:text="">

</RadioButton>

Hope this will help you.

score 0 · Answer 8 · edited Jan 20 '16 at 12:12

//red is the color of the pressed state and activated state
<item name="colorControlActivated">@android:color/holo_red_light</item>
//black is the color of the normal state
<item name="colorControlNormal">@android:color/black</item>

From: user2968401

Once you have different styles for the radio button you can swap them by assigning them to a new Radio Button with the style already set to the new style:

(RadioButton)layout.findViewById(R.id.radioButton) = new RadioButton(this, null, R.style.RadioButton_style);

Can't change Radio Button color on Android

8 Answers8

Linked