先看一下效果图:

QQ图片20200105150908.jpg

具体在xml文件的Switch开关

        <Switch
            android:id="@+id/switch1"
            android:switchMinWidth="86dp"
            android:track="@drawable/selector_track_check"
            android:thumb="@drawable/selector_thumb_check"
            android:layout_alignParentRight="true"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"/>

具体在drawable文件的selector_track_check,注意在这里不需要设置width

  <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:state_checked="true">
            <shape>
                <solid android:color="#509AFF"/>
                <size android:height="34dp"/>
                <corners android:radius="32dp"/>
            </shape>
        </item>
        <item>
            <shape>
                <solid android:color="#DFDFDF"/>
                <size android:height="34dp"/>
                <corners android:radius="32dp"/>
            </shape>
        </item>
    </selector>

具体在drawable文件的selector_thumb_check, 这边注意圆球的高度应该跟上个track文件高度一致

   <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:state_checked="true">
            <shape android:shape="oval">
                <size android:width="34dp" android:height="34dp"/>
                <solid android:color="@color/whiteBg" />
                <stroke android:width="2dp" android:color="#509AFF" />
            </shape>
        </item>
        <item >
            <shape android:shape="oval">
                <size android:width="34dp" android:height="34dp"/>
                <solid android:color="@color/whiteBg" />
                <stroke android:width="2dp" android:color="#DFDFDF" />
            </shape>
        </item>
    </selector>

各位兄弟,粘贴复制后记得点歌赞哦