How to change AppCompatCheckBox tick color?

Question

Here is my AppCompatCheckBox

     <androidx.appcompat.widget.AppCompatCheckBox
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:checked="true"
                        android:text="hello123"
                        android:theme="@style/MyCheckBox"
                        android:textColor="#ffffff" />

MyCheckBox style

    <style name="MyCheckBox" parent="AppTheme">
        <item name="colorAccent">#ffff00</item> <--yellow
        <item name="android:textColorSecondary">#ff00ff</item> <--purple
    </style>

checked = true

checked = false

How to change the tick color

I have found many article on stackoverflow but doesn't work.

please help.

Umesh P · Answer 1 · 2022-07-19T07:02:49.190

0

you can try this

app:buttonTint="@color/colorAccent"

for reference

 <android.support.v7.widget.AppCompatCheckBox
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:checked="true"
      android:text="hello123"
      app:buttonTint="@color/colorAccent"
      android:theme="@style/MyCheckBox"
      android:textColor="#ffffff" />

edited Jul 19 '22 at 07:02

answered Jul 19 '22 at 04:10

Umesh P

228
2
7

It's still not change the tick color. – GHH Jul 19 '22 at 06:24
it's better work with `android.support.v7.widget.AppCompatCheckBox `. try with this. – Umesh P Jul 19 '22 at 06:54
I try it. It's just change the checkBox color, not tick color. – GHH Jul 19 '22 at 07:12
try these solutions (https://stackoverflow.com/questions/20542693/how-to-change-check-box-tick-color-in-android) – Umesh P Jul 19 '22 at 09:02
Thank for your help but that solution will make checkBox animation disappear. – GHH Jul 20 '22 at 03:23

score 0 · Answer 2 · answered Jul 19 '22 at 04:52

Try This

<androidx.appcompat.widget.AppCompatCheckBox
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:checked="true"
            android:text="hello123"
            app:buttonTint="@color/colorAccent"
            android:theme="@style/MyCheckBox"
            android:textColor="#ffffff" />

checked = true https://prnt.sc/CGSUxigv9pmF

checked = false https://prnt.sc/sAgExyOoSUvf

It's still not change the tick color. – GHH Jul 19 '22 at 06:24 — GHH, Jul 19 '22 at 06:24

How to change AppCompatCheckBox tick color?

2 Answers2