Custom checkbox image android

Question

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

User · Answer

Another option is to use a ToggleButton with null background and a custom button.

Bellow an example that includes a selector to the text color as well.

<ToggleButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:button="@drawable/toggle_selector"
    android:background="@null"
    android:paddingLeft="10dp"
    android:layout_centerHorizontal="true"
    android:gravity="center"
    android:textColor="@drawable/toggle_text"
    android:textOn="My on state"
    android:textOff="My off state" />

toggle_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/state_on" />

    <item
        android:drawable="@drawable/state_off" />

</selector>

toggle_text.xml

<?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/app_color" />

    <item
        android:color="@android:color/darker_gray" />

</selector>

User · Answer

Try it -   package com   import android content Context  import android content res TypedArray  import android util AttributeSet  import android view View  import android widget ImageView     public class CheckBoxImageView extends ImageView implements View OnClickListener       boolean checked      int defImageRes      int checkedImageRes      OnCheckedChangeListener onCheckedChangeListener       public CheckBoxImageView Context context  AttributeSet attr  int defStyle            super context  attr  defStyle           init attr  defStyle              public CheckBoxImageView Context context  AttributeSet attr            super context  attr           init attr  -1              public CheckBoxImageView Context context            super context              public boolean isChecked             return checked             public void setChecked boolean checked            this checked   checked          setImageResource checked   checkedImageRes   defImageRes              private void init AttributeSet attributeSet  int defStyle            TypedArray a   null          if  defStyle    -1              a   getContext   obtainStyledAttributes attributeSet  R styleable CheckBoxImageView  defStyle  0           else             a   getContext   obtainStyledAttributes attributeSet  R styleable CheckBoxImageView           defImageRes   a getResourceId 0  0           checkedImageRes   a getResourceId 1  0           checked   a getBoolean 2  false           a recycle            setImageResource checked   checkedImageRes   defImageRes           setOnClickListener this               Override     public void onClick View v            checked    checked          setImageResource checked   checkedImageRes   defImageRes           onCheckedChangeListener onCheckedChanged this  checked              public void setOnCheckedChangeListener OnCheckedChangeListener onCheckedChangeListener            this onCheckedChangeListener   onCheckedChangeListener             public static interface OnCheckedChangeListener           void onCheckedChanged View buttonView  boolean isChecked             Add this attrib -    lt declare-styleable name  CheckBoxImageView  gt           lt attr name  default img  format  integer   gt           lt attr name  checked img  format  integer   gt           lt attr name  checked  format  boolean   gt   lt  declare-styleable gt    Use like -     lt com adonta ziva consumer wrapper CheckBoxImageView         xmlns app  http   schemas android com apk res-auto          android id    id checkBox          android layout width  40dp          android layout height  40dp          android layout alignParentRight  true          android layout centerVertical  true          android clickable  true          android padding  5dp          app checked img   drawable check box checked          app default img   drawable check box    gt    It will fix all your porblems

User · Answer

res drawable day selector xml       lt  xml version  1 0  encoding  utf-8   gt       lt selector xmlns android  http   schemas android com apk res android   gt           lt item android drawable   drawable dayselectionunselected                android state checked  false   gt           lt item android drawable   drawable daysselectionselected                android state checked  true   gt           lt item android drawable   drawable dayselectionunselected   gt       lt  selector gt    res layout my layout xml   lt CheckBox     android id    id check      android layout width  39dp      android layout height  39dp      android background   drawable day selector      android button   null      android gravity  center      android text  S      android textColor   color black      android textSize  12sp    gt

User · Answer

Based on the Enselic and Rahul answers    It works for me  before and after API 21     lt CheckBox     android id    id checkbox      android layout width  40dp      android layout height  40dp      android text        android gravity  center       android background   drawable checkbox selector      android button   null      app buttonCompat   null    gt

User · Answer

If you are using custom adapters than android focusable  false  and android focusableInTouchMode  false  are nessesury to make list items clickable while using checkbox    lt CheckBox         android id    id checkbox fav          android focusable  false          android focusableInTouchMode  false          android layout width  wrap content          android layout height  wrap content          android button   drawable checkbox layout   gt    In drawable checkbox layout xml   lt selector xmlns android  http   schemas android com apk res android   gt       lt item android drawable   drawable uncked checkbox          android state checked  false   gt       lt item android drawable   drawable selected checkbox          android state checked  true   gt       lt item android drawable   drawable uncked checkbox   gt   lt  selector gt

User · Answer

Checkboxes being children of Button you can just give your checkbox a background image with several states as described here  under  Button style         and exemplified here

User · Answer

If you use androidx appcompat appcompat and want a custom drawable  of type selector with android state checked  to work on old platform versions in addition to new platform versions  you need to use       lt CheckBox         app buttonCompat   drawable        instead of        lt CheckBox         android button   drawable

User · Answer

Copy the btn check xml from android-sdk platforms android-  data res drawable to your project s drawable folder and change the  on  and  off  image states to your custom images   Then your xml will just need android button   drawable btn check    lt CheckBox     android button   drawable btn check      android layout width  wrap content      android layout height  wrap content      android checked  true    gt    If you want to use different default android icons  you can use android button   android drawable

User · Answer

Create a drawable checkbox selector    lt  xml version  1 0  encoding  utf-8   gt   lt selector xmlns android  http   schemas android com apk res android   gt       lt item android drawable   drawable checkbox             android state checked  false   gt       lt item android drawable   drawable checkboxselected             android state checked  true   gt       lt item android drawable   drawable checkbox   gt       lt  selector gt    Make sure your checkbox is like this android button   drawable checkbox selector    lt 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    gt

User · Answer

If you have Android open source code  you can find the styles definition under  src frameworks base core res res values   lt style name  Widget CompoundButton CheckBox  gt       lt item name  android background  gt           android drawable btn check label background      lt  item gt       lt item name  android button  gt           android attr listChoiceIndicatorMultiple      lt  item gt   lt  style gt

[android] Custom checkbox image android

Examples related to android

Examples related to checkbox