Android replace checkbox style with custom drawable selector

Question

I have tried to make a xml selector with the following:

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

and when I try to set the backgroundDrawable to the checkBox the checkbox doesn't replace the CheckBox style too:

  shuffle.setBackground(android.support.v4.content.res.ResourcesCompat.getDrawable(getResources(), R.drawable.shuffle, null));

Following this question: Change icons of checked and unchecked for Checkbox for Android I need to set the button drawable with my xml: android:button="@drawable/checkbox" but I can't do this because I'm creating the CheckBox programmatically. Is there a way how to achieve this?

I didn't know there is such command, please post this as an answer to help others too. — Marian Pavel, Jul 02 '15 at 11:48

score 24 · Answer 1 · edited Jun 20 '20 at 09:12

Simple way

Create a new layout in drawable folder and name it custom_checkbox (You can rename also)

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

Use this in your layout activity

<CheckBox
android:id="@+id/checkbox"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:button="@drawable/custom_checkbox"/>

score 12 · Accepted Answer · answered Jul 02 '15 at 11:49

12

Use below line of code, i think it will work

yourcheckbox.setButtonDrawable(yourdrawable);

answered Jul 02 '15 at 11:49

Madhu

1,780
23
47

score 5 · Answer 3 · edited Sep 02 '19 at 09:01

5

Use This

shuffle.setButtonDrawable(R.drawable.custom_checkbox_selector);

XML code;

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

    <item android:drawable="@drawable/radiobutton_checked" android:state_checked="true"/>
    <item android:drawable="@drawable/radiobutton_unchecked" android:state_checked="false"/>

</selector>

edited Sep 02 '19 at 09:01

Vishal Vaishnav

3,346
3
26
57

answered Jul 02 '15 at 11:50

koutuk

832
1
8
17

score 5 · Answer 4 · answered Mar 28 '19 at 10:18

5

If you use sdk 28 (androidx) and above try to use

androidx.appcompat.widget.AppCompatCheckBox

instead of

Checkbox

answered Mar 28 '19 at 10:18

Mikhail Valuyskiy

1,238
2
16
31

score 4 · Answer 5 · answered Oct 25 '18 at 08:31

4

This works for me:

<android.support.v7.widget.AppCompatCheckBox
android:id="@+id/checkbox"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/custom_checkbox"
android:button="@null"/>

answered Oct 25 '18 at 08:31

TetianaDev

373
2
8

score 1 · Answer 6 · answered Mar 13 '20 at 02:34

drawable/checkbox_custome.xml

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

Android replace checkbox style with custom drawable selector

6 Answers6

Simple way

Linked