Change Circle color of radio button

Question

I want to change the color of the circle of RadioButton in one of my project  I could not understand which property to set  The background color I am having is black so it gets invisible  I want to set the color of the circle to white

User · Accepted Answer

More simple  just set the buttonTint color   only works on api level 21 or above    lt RadioButton     android layout width  wrap content      android layout height  wrap content      android id    id radio      android checked  true      android buttonTint   color your color   gt    in your values colors xml put your color in this case a reddish one    lt color name  your color  gt  e75748 lt  color gt    Result     If you want to do it by code  also api 21 and above    if Build VERSION SDK INT gt  21         ColorStateList colorStateList   new ColorStateList              new int                           new int   -android R attr state enabled     disabled                     new int   android R attr state enabled    enabled                            new int                          Color BLACK   disabled                      Color BLUE   enabled                                                        radio setButtonTintList colorStateList    set the color tint list     radio invalidate      could not be necessary

User · Answer

Set the buttonTint property  For example  android buttonTint   99FF33

User · Answer

To change the radio button color programmatically you can use following  yourradio button name buttonDrawable  setColorFilter Color parseColor  color value   PorterDuff Mode SRC ATOP

User · Answer

just use android buttonTint   color colorPrimary  attribute on  tag  hope it will help

User · Answer

For under API 21  Create custom style RadioButton style xml    lt style name  RadioButton  parent  Theme AppCompat Light  gt        lt item name  colorAccent  gt  color green lt  item gt        lt item name  android textColorSecondary  gt  color mediumGray lt  item gt        lt item name  colorControlNormal  gt  color red lt  item gt    lt  style gt    In layout use theme    lt RadioButton        android layout width  wrap content         android layout height  wrap content         android theme   style RadioButton    gt      For API 21 and more  Just use buttonTint    lt RadioButton        android layout width  wrap content         android layout height  wrap content         android buttonTint   color green    gt

User · Answer

I had this problem  If your app has a black background and you have a lot of RadioButtons that are invisible due to the background  it is complicated to edit the android  buttonTint of each one  the best solution is to change the parent theme in your styles xml file  I changed   lt style name  AppTheme  parent  Theme AppCompat Light NoActionBar  gt    to   lt style name  AppTheme  parent  Theme AppCompat NoActionBar  gt    So the RadioButtons  circles became a lighter shade of gray and now they are visible even with a black background   This is my style xml file    lt resources gt    lt  -- Base application theme  -- gt   lt style name  AppTheme  parent  Theme AppCompat NoActionBar  gt       lt  -- Customize your theme here  -- gt       lt item name  colorPrimary  gt  color colorPrimary lt  item gt       lt item name  colorPrimaryDark  gt  color colorPrimaryDark lt  item gt       lt item name  colorAccent  gt  color colorAccent lt  item gt   lt  style gt

User · Answer

jh314 is correct  In AndroidManifest xml     lt application     android allowBackup  true      android icon   drawable icon      android label   string app name      android theme   style AppTheme  gt  lt  application gt    In style xml     lt  -- Application theme  -- gt   lt style name  AppTheme  parent  Theme AppCompat Light NoActionBar  gt       lt item name  colorAccent  gt  color red lt  item gt       lt  -- All customizations that are NOT specific to a particular API-level can go here  -- gt   lt  style gt    the item name must be colorAccent it decides the application s widgets default color   But if you want to change the color in code Maybe  aknay s answer is correct

User · Answer

I made it short way like this  Working on API pre 21 as well as post 21   Your radio button in xml should look like this     lt RadioButton android id    id radioid                                      android layout height  wrap content                  android layout width  wrap content                                   android button   drawable radiodraw    gt    in radiodraw xml     lt  xml version  1 0  encoding  utf-8   gt     lt selector xmlns android  http   schemas android com apk res android  gt             lt item android state checked  false   gt             lt shape  android shape  oval   gt                 lt stroke android width  1dp  android color   000   gt                 lt size android width  30dp  android height  30dp   gt                 lt solid android color   android color transparent   gt             lt  shape gt         lt  item gt         lt item android state checked  true  gt             lt layer-list gt                 lt item gt                     lt shape android shape  oval  gt                         lt stroke android width  1dp  android color   000   gt                         lt size android width  30dp  android height  30dp   gt                         lt solid android color   android color transparent   gt                     lt  shape gt                 lt  item gt                 lt item android top  5dp  android bottom  5dp  android left  5dp  android right  5dp  gt                     lt shape android shape  oval  gt                         lt solid android width  1dp  android color   000   gt                         lt size android width  10dp  android height  10dp   gt                     lt  shape gt                 lt  item gt             lt  layer-list gt         lt  item gt     lt  selector gt    have to add color transparent for drawing the unchecked status  else it draw solid black oval

User · Answer

Declare custom style in your styles xml file    lt style name  MyRadioButton  parent  Theme AppCompat Light  gt       lt item name  colorControlNormal  gt  color indigo lt  item gt     lt item name  colorControlActivated  gt  color pink lt  item gt   lt  style gt     Apply this style to your RadioButton via android theme attribute    lt RadioButton       android layout width  wrap content      android layout height  wrap content      android checked  true      android text  Radio Button      android theme   style MyRadioButton   gt    only if your activity extends AppCompatActivity

User · Answer

Update  1  use this one instead      lt android support v7 widget AppCompatRadioButton         android id    id rbtn test          android layout width  wrap content          android layout height  wrap content          app buttonTint   color primary    gt    2  Then add this line into parent layout or Alt   Enter in Android Studio to auto-add  xmlns app  http   schemas android com apk res-auto   Minimum Example should look like this    lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android      xmlns app  http   schemas android com apk res-auto      android layout width  match parent      android layout height  match parent      android orientation  vertical  gt        lt android support v7 widget AppCompatRadioButton         android id    id rbtn test          android layout width  wrap content          android layout height  wrap content          app buttonTint   color primary    gt    lt  LinearLayout gt    3  In your program  should call like this   AppCompatRadioButton radioButton    AppCompatRadioButton  view findViewById R id rbtn test    Basically  this kind of pattern can be applied for all AppCompact types such as AppCompatCheckBox  AppCompatButton and so on   Old Answer   In order to support below android API 21  you can use AppCompatRadioButton  Then use setSupportButtonTintList method to change the color  This is my code snippet to create a radio button         AppCompatRadioButton rb      rb   new AppCompatRadioButton mContext        ColorStateList colorStateList   new ColorStateList              new int                          new int   -android R attr state checked                       new int   android R attr state checked                             new int                         Color DKGRAY                       Color rgb  242 81 112                            rb setSupportButtonTintList colorStateList     Tested result at API 19     See the android reference link for more detail

User · Answer

Working on API pre 21 as well as post 21  In your styles xml put    lt  -- custom style -- gt   lt style name  radionbutton         parent  Base Widget AppCompat CompoundButton RadioButton  gt       lt item name  android button  gt  drawable radiobutton drawable lt  item gt       lt item name  android windowIsTranslucent  gt true lt  item gt       lt item name  android windowBackground  gt  android color transparent lt  item gt       lt item name  android windowContentOverlay  gt  null lt  item gt       lt item name  android windowNoTitle  gt true lt  item gt       lt item name  android windowIsFloating  gt false lt  item gt       lt item name  android backgroundDimEnabled  gt true lt  item gt   lt  style gt    Your radio button in xml should look like    lt RadioButton     android layout width  wrap content      style   style radionbutton      android checked  false      android layout height  wrap content        gt    Now all you need to do is make a radiobutton drawable xml in your drawable folder  Here is what you need to put in it    lt  xml version  1 0  encoding  utf-8   gt   lt selector xmlns android  http   schemas android com apk res android  gt     lt item android drawable   drawable radio unchecked  android state checked  false  android state focused  true   gt     lt item android drawable   drawable radio unchecked  android state checked  false  android state focused  false   gt     lt item android drawable   drawable radio checked  android state checked  true  android state focused  true   gt     lt item android drawable   drawable radio checked  android state checked  true  android state focused  false   gt   lt  selector gt    Your radio unchecked xml    lt  xml version  1 0  encoding  utf-8   gt   lt shape xmlns android  http   schemas android com apk res android    android shape  oval  gt     lt stroke android width  1dp  android color   color colorAccent   gt     lt size android width  30dp  android height  30dp   gt   lt  shape gt    Your radio checked xml    lt  xml version  1 0  encoding  utf-8   gt   lt layer-list xmlns android  http   schemas android com apk res android  gt     lt item gt       lt shape android shape  oval  gt         lt stroke android width  1dp  android color   color colorAccent   gt         lt size android width  30dp  android height  30dp   gt       lt  shape gt     lt  item gt     lt item android top  5dp  android bottom  5dp  android left  5dp  android right  5dp  gt       lt shape android shape  oval  gt         lt solid android width  1dp  android color   color colorAccent   gt         lt size android width  10dp  android height  10dp   gt       lt  shape gt     lt  item gt   lt  layer-list gt    Just replace  color colorAccent with the color of your choice

User · Answer

RadioButton by default takes the colour of colorAccent in res values colors xml file  So go to that file and change the value of    lt color name  colorAccent  gt  3F51B5 lt  color gt   to the colour you want

User · Answer

There is an xml attribute for it   android buttonTint  yourcolor

User · Answer

You have to use this code   lt android support v7 widget AppCompatRadioButton                     android layout width  quot wrap content quot                      android layout height  quot wrap content quot                      android text  quot Radiobutton1 quot                      app buttonTint  quot  color black quot    gt   Using app buttonTint instead of android buttonTint and also android support v7 widget AppCompatRadioButton instead of Radiobutton

User · Answer

For those who want to change disable  checked and enabled states you cat do the following steps    lt  -- Or androidX radio button or material design radio button -- gt   lt android support v7 widget AppCompatRadioButton                     android layout width  wrap content                      android layout height  wrap content                      android buttonTint   color black                      android text  Radiobutton1                      app buttonTint   color radio button color    gt    then in color res folder make a file named  radio button color xml     lt  xml version  1 0  encoding  utf-8   gt   lt selector xmlns android  http   schemas android com apk res android  gt       lt item android color   color yellow900  android state selected  true    gt       lt item android color   color yellow800  android state checked  true    gt       lt item android color   color gray800  android state enabled  false    gt       lt item android color   color yellow800  android state enabled  true    gt   lt  selector gt

User · Answer

lt android support v7 widget AppCompatRadioButton     android layout width  wrap content      android layout height  wrap content      app buttonTint   color Color    gt

User · Answer

Sometimes you just need to override colorControlNormal like this        lt style name  RadioButtonStyle  parent  AppTheme  gt          lt item name  colorControlNormal  gt  color pink lt  item gt          lt item name  colorAccent  gt  color colorPrimary lt  item gt          lt item name  android textColorSecondary  gt  color black lt  item gt       lt  style gt    And you will get a button like this     colorControlNormal used for unchecked state and colorAccent for checked

User · Answer

If you want to set different color for clicked and unclicked radio button just use      android buttonTint   drawable radiobutton   in xml of the radiobutton and your radiobutton xml will be     lt selector xmlns android  http   schemas android com apk res android  gt   lt item android state pressed  true  android color   1E88E5   gt   lt item android state checked  true  android color   00e676   gt   lt item android color   ffffff   gt

User · Answer

The question is old but i think my answer will help people  You can change the color of radio button s unchecked and checked state by using style in xml    lt RadioButton     android id    id rb      android layout width  wrap content      android layout height  wrap content      android theme   style RadioButtonStyle    gt    In style xml   lt style name  RadioButtonStyle  parent  Theme AppCompat Light  gt           lt item name  colorAccent  gt  android color white lt  item gt           lt item name  android textColorSecondary  gt  android color white lt  item gt   lt  style gt    You can set the desired colors in this style

User · Answer

lt RadioButton     android layout width  wrap content      android layout height  wrap content      android id    id radio      android buttonTint   color my color   gt    All button will change color  the circle box and the central check

User · Answer

The easiest way is to change  colourAccent color in values- gt colours xml but be aware that it will also change other things like edit text cursor color etc     lt  color name  colorAccent  gt  75aeff lt  color  gt

[android] Change Circle color of radio button

Examples related to android

Examples related to android-radiobutton