change checkbox background color in android

Question

i have to develop one app.here i have to use checkbox.here i have to select checkbox means the default background color is yellow.but i wish to change the background color using gradient for checked and unchecked condition.how can i change this.please help me.

this is my current code:

 <CheckBox
   android:id="@+id/rempasswordcheckbox"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_below="@+id/passwordview"

   android:layout_y="200dp"
   android:paddingLeft="45dp"
   android:text="Remember Password!"
   android:textColor="#1d2328" />

With material, they recommend using solid (flat) colors and not gradients. If you don't mind that, setting the `android:buttonTint="@color/mybrown"` is an easy way to change the checkbox color. — shauvik, Jun 24 '15 at 22:52

score 12 · Answer 1 · answered Oct 15 '12 at 05:36

if you are intersted to change the background color of the checkbox (button) use

mcheckbox.setButtonDrawable(R.drawable.someotherbackground);

where someotherbackground is an image in the drawable folder to which background you want your checkbox to be changed

try as below

 mcheckbox.setOnCheckedChangeListener(new OnCheckedChangeListener() {

        public void onCheckedChanged(CompoundButton buttonView,
                boolean isChecked) {

            if (isChecked) {

                System.out.println("checked" + isChecked);
                mcheckbox.setButtonDrawable(R.drawable.imageWhenActive);
                    System.out.println("app constant is set as "+isChecked);
            }
            else
            {
                mcheckbox.setButtonDrawable(R.drawable.imageWheninactive);
                System.out.println("app constant is set as "+isChecked);
            }

        }
    });

score 7 · Answer 2 · answered Oct 15 '12 at 05:49

res/drawable/checkbox_background.xml:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:state_checked="true">
        <shape>
            <gradient android:startColor="#FFFFFF" android:endColor="#000000" android:angle="-90"/>
        </shape>
    </item>
    <item>
        <shape>
            <gradient android:startColor="#000000" android:endColor="#FFFFFF" android:angle="-90"/>
        </shape>
    </item>
</selector>

In your layout:

<CheckBox ...
    android:button="@drawable/checkbox_background" />

If you want to use existing drawables:

<?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_drawable" />
    <item android:drawable="@drawable/unchecked_drawable" />
</selector>

checkbox cannot be cast to imageview ? why this happened to me ? — chhameed, Oct 29 '13 at 06:03

Chirag · Answer 3 · 2012-10-15T05:36:50.473

4

Using Code .

checkBox.setBackgroundColor(Color.BLUE);

Code

CheckBox cb = (CheckBox) findViewById(R.id.CheckBox01);
cb.setOnCheckedChangeListener(new OnCheckedChangeListener() 
{
     @Override
     public void onCheckedChanged(CompoundButton buttonView,boolean isChecked) 
     {
         // TODO Auto-generated method stub
         if (buttonView.isChecked()) 
         {
             //cb.setBackgroundColor(Color.BLUE);
             cb.setBackgroundColor(Color.parseColor("#FFFFFF"));
         }
         else
         {
             // Not Checked
             // Set Your Default Color. 
         }
     }
});

edited Oct 15 '12 at 05:36

answered Oct 15 '12 at 05:26

Chirag

56,621
29
151
198

i have to use gradient color value for checked and unchecked condition.please give me solution – user1676640 Oct 15 '12 at 05:33
@user1676640 You can use Color.parseColor("#FFFFFF") – Chirag Oct 15 '12 at 05:35

Android Developer · Answer 4 · 2015-03-02T08:14:25.670

try this code

public class MainActivity extends Activity {

CheckBox box;
boolean flag=false;
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    box=(CheckBox)findViewById(R.id.box);

    box.setOnClickListener(new OnClickListener() {

        @Override
        public void onClick(View arg0) {
            // TODO Auto-generated method stub

            if(flag){
                GradientDrawable d=new GradientDrawable();
                d.setColor(Color.RED);
                box.setBackgroundDrawable(d);
                }
            else{
                GradientDrawable d=new GradientDrawable();
                d.setColor(Color.GREEN);
                box.setBackgroundDrawable(d);
            }
            flag=!flag;
            }

    });
}

}

if you are using jellybean or greater sdk then use setBackground() method else use setBackgroundDrawable() — Android Developer, Mar 02 '15 at 08:05

score 1 · Answer 5 · answered Oct 15 '12 at 05:35

1

Use the following code in your checkbox xml :

<CheckBox
   android:id="@+id/rempasswordcheckbox"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_below="@+id/passwordview"

   android:background="#0000FF"

   android:layout_y="200dp"
   android:paddingLeft="45dp"
   android:text="Remember Password!"
   android:textColor="#1d2328" />

answered Oct 15 '12 at 05:35

Android Boy

4,335
6
30
58

Not worked. When I put this, in this way, the button disappear. – Shad Apr 14 '14 at 18:13
@Shad, can you specify your exact problem? – Android Boy Apr 15 '14 at 01:49
In my case, I needed change the checkbox button background, not the whole component background. This way not worked, cause it seems the checkbox states are represented by system images. We need to do something as Yusyuriv did above: create a shape then lay color in it. Or create another images to override the original drawables. – Shad Apr 22 '14 at 13:14
@Shad, Your question is something different. So you should be create another question thread. – Android Boy Apr 22 '14 at 17:55
This changes a background of whole block with text, but not a little square with flag. – CoolMind Aug 22 '17 at 08:32

score 1 · Answer 6 · answered Feb 29 '16 at 16:51

1

Change the colorAccent for the theme

  <style name="AppTheme.Base" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="colorAccent">@color/orange</item>
    ...
  </style>

answered Feb 29 '16 at 16:51

Ricardo stands with Ukraine

4,508
2
42
59

change checkbox background color in android

6 Answers6

Linked