How to change color of the toggle button?

Question

Possible Duplicate:
Change “on” color of a Switch

I need to have a ToggleButton change color when it changes state from Green(true) to Red(false). How can I change ToggleButton color?

This has already been asked and answered here, by me :) : http://stackoverflow.com/questions/11253512/change-on-color-of-a-switch/11253636#11253636 — you786, Aug 15 '12 at 23:57

score 30 · Answer 1 · edited Sep 22 '16 at 10:23

30

Create a xml named colors.xml in res/values folder:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="red">#ff0000</color>
    <color name="green">#00ff00</color>
</resources>

In drawable folder, create a xml file my_btn_toggle.xml:

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="false" android:drawable="@color/red"  />
    <item android:state_checked="true" android:drawable="@color/green"  />
</selector>

and in xml section define your toggle button:

<ToggleButton
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="New ToggleButton"
    android:id="@+id/toggleButton"
    android:background="@drawable/my_btn_toggle"/>

edited Sep 22 '16 at 10:23

Sadık

4,249
7
53
89

answered Aug 16 '12 at 00:05

SteveR

2,496
1
24
23

5

This does not give a very good result, as it overides the standard button rectangular shape. – Orabîg Oct 04 '15 at 16:30
1

This changes the entire button to green/red. Not the highlight color. – Chase Roberts Jan 13 '16 at 21:54
This solution doesn't work on the most recent themes. – Marco Mar 11 '16 at 11:56

score 7 · Answer 2 · answered Aug 16 '12 at 00:15

ToggleButton Btn=new ToggleButton(this);// or get it from the layout by ToggleButton Btn=(ToggleButton) findViewById(R.id.IDofButton);
        Btn.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                // TODO Auto-generated method stub
                if(isChecked)
                    buttonView.setBackgroundColor(Color.GREEN);
                else buttonView.setBackgroundColor(Color.RED);
            }
        });

How to change color of the toggle button?

2 Answers2

Linked