SwitchCompat change color

Question

I need to change SwitchCompat's track color. I've tried this, but it didn't worked for me. This is code of my XML file

<android.support.v7.widget.SwitchCompat
    android:id="@+id/sc_push"
    style="@style/switchStyle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_centerVertical="true"
    android:theme="@style/switchStyle"
    app:theme="@style/switchStyle" />

and this is my style.xml file

<style name="switchStyle">
    <item name="colorControlActivated">@color/red</item>
    <item name="android:colorForeground">@color/gray</item>
</style>

What seems the problem?

In addition, I can't change the activity's color or base application's color. I have to change color for this single view.

why you use android:theme="@style/switchStyle" app:theme="@style/switchStyle" , use ONLY ONE at a time — EminenT, Sep 01 '15 at 09:32
@bpA android:theme is for Lollipop+, and app:theme was for KitKat and lower version but only android:theme worked. — Alfred Woo, Sep 01 '15 at 10:46

score 14 · Answer 1 · answered Feb 05 '16 at 04:51

14

Try this code.

 <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
       ...
       <!-- Active thumb color & Active track color(30% transparency) -->
       <item name="colorControlActivated">@color/theme</item>
       <!-- Inactive thumb color -->
       <item name="colorSwitchThumbNormal">@color/grey300</item>
       <!-- Inactive track color(30% transparency) -->
       <item name="android:colorForeground">@color/grey600</item>
       ...
    </style>

answered Feb 05 '16 at 04:51

Jiks

1,589
2
11
14

Please elaborate on how this code answers the question. – JAL Feb 05 '16 at 05:12
added above code your values-style folder and also added your manifest file. – Jiks Feb 05 '16 at 06:41
how to change only thumb color ? – Anand Savjani Aug 17 '16 at 07:15
if I want to set the thumb color to green for example and the the track color to be white, is it possible ?? – Khalid Taha Nov 13 '16 at 12:04

score 1 · Answer 2 · edited Jan 31 '22 at 09:23

1

The better way to do it would be,

Create new resource file as below, switch_track_color.xml, using selector tag.

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:color="#15A215" android:state_checked="true"/>
    <item android:color="#BAC7CB" android:state_checked="false"/>

</selector>

Use this in style for SwitchCompat.

<style name="SwitchStyle">
   <item name="thumbTint">#ffffff</item>
   <item name="trackTint">@color/switch_track_color</item>
</style>

edited Jan 31 '22 at 09:23

Elikill58

3,190
22
17
38

answered Jan 31 '22 at 08:01

Sumedha Kulkarni

11
1

With pleasure ! Thanks you for the good answer ! – Elikill58 Feb 01 '22 at 10:11

SwitchCompat change color

2 Answers2