先看一下效果圖:

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>

各位兄弟,粘貼復制后記得點歌贊哦