Custom checkbox image android

android checkbox
Falmarri picture Falmarri · Oct 19, 2010 · Viewed 222.7k times · Source

Is there an easy way to use a custom image for a checkbox? I'm looking to duplicate the "starred" behavior of gmail. So I want to have a checkbox that, when checked, is a filled in star. And when unchecked is an empty star. Do I have to use an imageview and do my own logic myself?

Answer

Mohamed Hisham Ibn Hanifa picture Mohamed Hisham Ibn Hanifa · Jul 15, 2013

Create a drawable checkbox selector:

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

Make sure your checkbox is like this android:button="@drawable/checkbox_selector"

<CheckBox
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:button="@drawable/checkbox_selector"
    android:text="CheckBox"
    android:textAppearance="?android:attr/textAppearanceLarge"
    android:textColor="@color/Black" />

Related questions

How to check if android checkbox is checked within its onClick method (declared in XML)?

I have a checkbox in android which has the following XML: <CheckBox android:id="@+id/item_check" android:layout_width="wrap_content" android:layout_height="wrap_content" android:onClick="itemClicked" /> This is my onClick() method in my Activity …

Read More
Android - Spacing between CheckBox and text

Is there an easy way to add padding between the checkbox in a CheckBox control, and the associated text? I cannot just add leading spaces, because my label is multi-line. As-is, the text is way too close to the checkbox:

Read More
Android: How to change CheckBox size?

I would like to make CheckBox a bit smaller/bigger, how can I do this?

Read More