Android 自定义 Switch

效果

实现方法

1、drawable下创建滑动圆点  switch_thumb

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="oval">
    <size
        android:width="30dp"
        android:height="30dp">
    </size>
    <solid
        android:color="@android:color/white">
    </solid>

</shape>

2、drawable下创建选中样式   switch_track_on

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

    <solid
        android:color="@color/businesstop">
    </solid>

    <corners
        android:radius="30dp">
    </corners>

</shape>

3、drawable下创建非选中样式    switch_track_off

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
    <solid
        android:color="@android:color/darker_gray">
    </solid>
    <corners
        android:radius="30dp">
    </corners>
</shape>

4、drawable下创建switch样式   switch_track

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

    <item
        android:state_checked="true"
        android:drawable="@drawable/switch_track_on"></item>
    <item
        android:state_checked="false"
        android:drawable="@drawable/switch_track_off"></item>
</selector>

5、layout.xml下switch引用自定义滑动点和样式即可

<Switch
    android:id="@+id/ycsw"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:thumb="@drawable/switch_thumb"
    android:track="@drawable/switch_track"
    android:gravity="center"/>