美文网首页
2022-07-25 修改系统开关SwitchCompat显示效

2022-07-25 修改系统开关SwitchCompat显示效

作者: 兣甅 | 来源:发表于2022-07-25 22:25 被阅读0次

1.效果如下:

关闭效果.png
开启效果.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" />

相关文章

网友评论

      本文标题:2022-07-25 修改系统开关SwitchCompat显示效

      本文链接:https://www.haomeiwen.com/subject/tmenirtx.html