Custom Checkbox component instances in Android

In Android, Checkbox is a very important UI component, and in Android it is becoming more and more attractive, which means that some systems, such as checkbox below 4.0, are still less attractive, or do not match the style of the software, so we need to customize this component.

Customizing this component is as simple as adding and modifying the xml file.

The preparatory work

Prepare two images, one selected and one unselected. This paper takes checked. png and unchecked. png as examples.

Set selection box

Create a new file custom_checkbox.xml under drawable

<?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>

  <item android:state_checked="false" android:drawable="@drawable/unchecked"></item>

  <item android:drawable="@drawable/unchecked"></item><!-- The default one -->

</selector>

Apply customization

Set the value of the button property to custom_checkbox as defined above.

<CheckBox

  android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:button="@drawable/custom_checkbox"

/>

Custom finished, run your program.