效果图:
圆点thumb (selector_switch_thumb)
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!--switch按钮圆thumb的样式-->
<item android:state_checked="true">
<shape android:shape="oval">
<size android:width="25dp" android:height="25dp" />
<solid android:color="@color/white" />
<stroke android:width="3dp" android:color="#54baff" />
</shape>
</item>
<item>
<shape android:shape="oval">
<size android:width="25dp" android:height="25dp" />
<solid android:color="@color/white" />
<stroke android:width="3dp" android:color="#DFDFDF" />
</shape>
</item>
</selector>
轨道track(selector_switch_track)
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!--switch按钮轨道track样式-->
<item android:state_checked="true">
<shape>
<solid android:color="#54baff" />
<size android:height="25dp" />
<corners android:radius="32dp" />
</shape>
</item>
<item>
<shape>
<solid android:color="#DFDFDF" />
<size android:height="25dp" />
<corners android:radius="32dp" />
</shape>
</item>
</selector>
switch使用
<Switch
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:thumb="@drawable/selector_switch_thumb"
android:track="@drawable/selector_switch_track"
android:textColor="@color/red"
android:checked="true"/>
<Switch
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:thumb="@drawable/selector_switch_thumb"
android:track="@drawable/selector_switch_track"
android:checked="false"
android:layout_marginTop="10dp" />