배경에 사용되는 드로어 블과 스위처 부분을 다음과 같이 정의 할 수 있습니다.

<Switch
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:thumb="@drawable/switch_thumb"
    android:track="@drawable/switch_bg" />

이제 스위처 드로어 블의 다양한 상태를 정의하는 선택기를 만들어야합니다. 다음은 Android 소스의 사본입니다.

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="false" android:drawable="@drawable/switch_thumb_disabled_holo_light" />
    <item android:state_pressed="true"  android:drawable="@drawable/switch_thumb_pressed_holo_light" />
    <item android:state_checked="true"  android:drawable="@drawable/switch_thumb_activated_holo_light" />
    <item                               android:drawable="@drawable/switch_thumb_holo_light" />
</selector>

이것은 배경 위로 이동되는 이미지 인 썸 드로어 블을 정의합니다. 슬라이더에 사용되는 네 개의 나인 패치 이미지 가 있습니다 .

비활성화 된 버전 (Android에서 사용중인 xhdpi 버전)
누른 슬라이더 :
활성화 된 슬라이더 (켜짐 상태) :
기본 버전 (꺼짐 상태) :

또한 다음 선택기에 정의 된 배경에 대한 세 가지 상태가 있습니다.

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="false" android:drawable="@drawable/switch_bg_disabled_holo_dark" />
    <item android:state_focused="true"  android:drawable="@drawable/switch_bg_focused_holo_dark" />
    <item                               android:drawable="@drawable/switch_bg_holo_dark" />
</selector>

비활성화 된 버전 :
중점 버전 :
그리고 기본 버전 :

스타일 스위치를 가지려면이 두 개의 선택기를 만들고 스위치보기로 설정 한 다음 7 개의 이미지를 원하는 스타일로 변경하십시오.

답변

<style name="CustomAppTheme" parent="Theme.AppCompat">
    <item name="android:textColorPrimaryDisableOnly">#00838f</item>
    <item name="colorAccent">#e91e63</item>
</style>

<style name="MySwitch" parent="@style/Widget.AppCompat.CompoundButton.Switch">
    <item name="android:textColorPrimaryDisableOnly">#b71c1c</item>
    <item name="android:colorControlActivated">#1b5e20</item>
    <item name="android:colorForeground">#f57f17</item>
    <item name="android:textAppearance">@style/TextAppearance.AppCompat</item>
</style>