先看一下效果图:
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>
各位兄弟,粘贴复制后记得点歌赞哦
网友评论