How to change check box tick color in android

Question

I am developing android application In that i use check box but default check box tick color is blue so i want to change that color to yellow. is there any inbuilt property to set color to check box tick.

Here is the solution: [check this out](http://stackoverflow.com/questions/3192173/change-icons-of-checked-and-unchecked-for-checkbox-for-android) — Phantômaxx, Dec 12 '13 at 11:50

score 44 · Accepted Answer · edited Dec 09 '18 at 20:02

44

Unfortunately, changing the color of checkbox check mark isn't a simple attribute

Create a selector xml file in res\drawables\ folder with name cb_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true" android:drawable="@drawable/checked" />
    <item android:state_checked="false" android:drawable="@drawable/unchecked" />
</selector>

In your layout file apply this file to your checkBox

<CheckBox
    android:id="@+id/cb"
    android:text="My CheckBox"
    android:button="@drawable/cb_selector"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>

Add a unchecked.png, and checked.png in your drawables folder. These are checked and unchecked image of checkbox.

edited Dec 09 '18 at 20:02

Yachitha Sandaruwan

353
7
19

answered Dec 12 '13 at 11:57

Vaibhav Agarwal

4,499
3
19
20

11

this made my checkbox disappear O_O – Rohit Tigga Aug 31 '14 at 15:27
1

you will have to have border around images to show box, one image will be empty border and other with the tick image – asok Buzz Feb 01 '16 at 17:21
Disappear because u used color changes in android:drawable="@drawable/checked". U need image! – ketom Jul 18 '17 at 11:05

score 28 · Answer 2 · edited Jan 14 '17 at 01:12

28

You can use the attribute app:buttonTint of the AppCompatCheckBox from the android.support.v7 library.

<android.support.v7.widget.AppCompatCheckBox
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:buttonTint="@color/colorAccent"/>

Advantage: works also below API 21 and you don't need to redraw the checkbox.

edited Jan 14 '17 at 01:12

DeRagan

22,827
6
41
50

answered Feb 08 '16 at 05:58

dabo248

3,367
4
27
37

score 11 · Answer 3 · answered Oct 19 '15 at 18:26

11

As of API 21 you can use the Button Tint attribute

android:buttonTint="#FFFF00"

answered Oct 19 '15 at 18:26

Chris Stillwell

10,266
10
67
77

score 6 · Answer 4 · answered May 09 '19 at 21:42

6

If you want to do this programmatically, then you simply do this:

final CheckBox cb = new CheckBox(getApplicationContext());
cb.setButtonTintList(getColorStateList(R.color.colorAccent));

Chris Stillwell's answer gave me the idea to try this as I couldn't simply set the colour using the attributes. :)

answered May 09 '19 at 21:42

Carl Du Plessis

325
3
6

1

Also in xml: `android:buttonTint="@color/arancioneMedium"` – sara Feb 02 '20 at 21:06
I had to use: `cb.setButtonTintList(ColorStateList.valueOf(getResources() .getColor(R.color.colorAccent, null)));` – gig6 Jan 13 '21 at 18:10

Yogesh Rathi · Answer 5 · 2016-02-10T05:54:32.190

3

Go to styles.xml and add this line.

<style>
<item name="colorAccent">@android:color/holo_green_dark</item> 
</style>

using this you can change color or set different color

edited Feb 10 '16 at 05:54

answered Jul 11 '15 at 06:58

Yogesh Rathi

6,331
4
51
81

2

seriosly your comment works fine but what have you written in your answer – Shekhar Oct 06 '15 at 04:57
2

Wouldn't changing your theme change way more than just the checkboxes? – Nicolás Carrasco-Stevenson Feb 04 '16 at 14:47
@Nicolas Carrasco Well, as long as you create a id for this style and apply it only to the check-boxes it wouldn't... – SmugDoodleBug Jul 17 '19 at 00:27

score 2 · Answer 6 · answered Mar 01 '21 at 07:02

If you want to change only tint color than must go with the below solution. Its work perfectly. Create a Selector "check_box_tint.xml" in your res/drawable folder.

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true" android:color="@color/your_checked_color" />
    <item android:state_checked="false" android:color="@color/your_unchecked_color" />
</selector>

Now Use this drawable as color of your checkbox tint.

<CheckBox
   android:id="@+id/cbSelectAll"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:buttonTint="@drawable/check_box_tint"/>

score 1 · Answer 7 · answered Apr 23 '21 at 09:17

1

Kotlin version:

checkBox.buttonTintList = ColorStateList.valueOf(R.color.colorPrimary)

answered Apr 23 '21 at 09:17

Jonas Simonaitis

170
1
13

2

Note: valueOf() takes a color value, not a color resource. – Barry Fruitman Oct 07 '21 at 21:42

score 0 · Answer 8 · answered Dec 12 '13 at 11:51

Use Custom selector for the checkbox.

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/patch_pressed" android:state_pressed="true"/>
    <item android:drawable="@drawable/patch_normal" android:state_enabled="true"/>
    <item android:drawable="@drawable/patchdisable" android:state_enabled="false"/>


</selector>

Like this.

score 0 · Answer 9 · answered Apr 18 '18 at 12:04

For those still looking for an answer (I am aware this is an older question) – I found this solution works well without having to worry about API: https://stackoverflow.com/a/31840734/7601437

In short: create a style for the checkbox, e.g. checkboxStyle and then implement it as a theme: android:theme="@style/checkboxStyle"

score 0 · Answer 10 · answered Mar 29 '20 at 19:05

Firstly, we must create a drawable that include checked and uncheck color situations, then you must set this drawable as buttonTint;

drawable_checkbox;

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true" android:color="@color/kelleyGreen" />
    <item android:state_checked="false" android:color="@color/warmGrey" />
</selector>

<style name="CheckBox" parent="Widget.AppCompat.CompoundButton.CheckBox">
    <item name="android:textAppearance">@style/TextAppearance.Regular.XSmall</item>
    <item name="android:textColor">@color/warmGrey</item>
    <item name="buttonTint">@drawable/drawable_checkbox</item>
</style>

score 0 · Answer 11 · answered Aug 20 '20 at 10:30

For applying color programmatically it will require API Level >19 if your min sdk is >19 then you can use

checkbox[i]!!.setButtonTintList(getColorStateList(activity!!,R.color.green))

 OR

view.setButtonTintList(getColorStateList(activity!!,R.color.green))

score 0 · Answer 12 · answered Aug 19 '21 at 19:58

0

If nothing works than use AppCompatCheckBox with app:buttonCompat="your_drawable_selector"

This is working with png.

answered Aug 19 '21 at 19:58

Andrain

872
1
16
43

How to change check box tick color in android

12 Answers12

Linked