1.效果如下:
![](https://img.haomeiwen.com/i1459597/66ecebc824726358.png)
![](https://img.haomeiwen.com/i1459597/789064cc50a19976.png)
2.相关XML文件:
a)switch_common_thumb.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid android:color="@color/white" />
<size
android:width="20dp"
android:height="20dp" />
<stroke
android:width="6dp"
android:color="#00000000" />
<corners android:radius="1000dp" />
</shape>
b)switch_common_track_selected.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="@color/color_333" />
<corners android:radius="1000dp" />
</shape>
c)switch_common_track_unselected.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="@color/color_DCDCDC" />
<corners android:radius="1000dp" />
</shape>
d)switch_common_track.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/switch_common_track_selected" android:state_checked="true" />
<item android:drawable="@drawable/switch_common_track_unselected" android:state_checked="false" />
</selector>
e)SwitchCompat使用代码
<androidx.appcompat.widget.SwitchCompat
android:id="@+id/switchView"
android:layout_width="40dp"
android:layout_height="24dp"
android:layout_gravity="center_vertical|end"
android:layout_marginEnd="21dp"
android:thumb="@drawable/switch_common_thumb"
app:switchMinWidth="40dp"
app:track="@drawable/switch_common_track" />
网友评论