How to change background of switch in android ?

Question

I am trying to change background of switch.It is changing but problem is some text is visible.

Below is my code

  <Switch
    android:id="@+id/switchsubsurf"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="68dp"
    android:padding="5dip"
    android:textOff="                "
    android:textOn="                 "
    android:thumb="@drawable/toggle_button"
    android:track="@drawable/toggle_bg" />

Why there is huge space here android:textOff=" " android:textOn=" "?? — Piyush, Mar 04 '14 at 12:30
http://stackoverflow.com/questions/10118050/how-can-i-style-an-android-switch Take a look at this link.. i think this will of of help. — Jay Nirgudkar, Mar 04 '14 at 12:31
Hi i tried what u specified but still i am seeing some "0","1" in switch. — user2252192, Mar 04 '14 at 12:38

score 14 · Answer 1 · edited Mar 21 '15 at 13:19

make a drawer folder inside res

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

<item android:drawable="@drawable/toggle_on" android:state_checked="true" android:state_pressed="true"/>
<item android:drawable="@drawable/toggle_on" android:state_checked="true" android:state_focused="false"/>
<item android:drawable="@drawable/toggle_off" android:state_checked="false" android:state_pressed="true"/>
<item android:drawable="@drawable/toggle_off" android:state_checked="false" android:state_focused="false"/>

</selector>

Then do this in xml

<Switch
    android:id="@+id/saveLoginCheckBox"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textOn=""
    android:textOff=""
    android:text=""
    android:background="@drawable/toggle_selector"
    android:thumb="@android:color/transparent"
    android:track="@android:color/transparent"
    />

Upvoted for including the need to set the existing thumb and track transparent. — Patrick, May 29 '15 at 22:51

score 0 · Answer 2 · edited May 23 '17 at 12:18

Take a look at this answer:

Use Android 4.0 styled toggle-button

You can use a 2.2-compatible toggle button and stylize it to look like a switch, or really anythink you want. Just swap out the *.pngs provided in the post.

Not sure why Android went away from toggle buttons in favor of switches when they could have just changed the look and feel of the button. Anyway, I would stick with the toggle button for compatibility sake, especially if you want to change the look and feel of it anyway.

How to change background of switch in android ?

2 Answers2