本文介绍: 原生的SwitchCompat控件如下图,不说不堪入目,也算是不敢恭维了。从上面的xml代码来看其实只需要定制两个东西一个是thumb,另一个是track。所以我们就需要对SwitchCompat进行自定义风格,效果如下图。switch_track_style里面有两个背景如下。
原生的SwitchCompat控件如下图,不说不堪入目,也算是不敢恭维了。开个玩笑…
所以我们就需要对SwitchCompat进行自定义风格,效果如下图
代码如下
<androidx.appcompat.widget.SwitchCompat
android:id="@+id/switch_compat"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:thumb="@drawable/switch_thumb"
app:switchMinWidth="60dp"
app:track="@drawable/switch_track_style" />
从上面的xml代码来看其实只需要定制两个东西一个是thumb,另一个是track
<?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="50dp"
android:height="50dp" />
<!-- 这里的5dp边距的作用是,圆点在轨道里面的边距,这样的效果感觉更好 -->
<stroke
android:width="5dp"
android:color="#00000000" />
<corners android:radius="15dp" />
</shape>
<?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>
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item >
<shape android:shape="rectangle">
<solid android:color="#23c3ff" />
<size android:height="30dp" />
<stroke
android:color="#00000000" />
<corners android:radius="30dp" />
</shape>
</item>
</layer-list>
switch_common_track_unselected
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape android:shape="rectangle">
<solid android:color="#4D8E8E8E" />
<size android:height="30dp" />
<stroke
android:color="#00000000" />
<corners android:radius="30dp" />
</shape>
</item>
</layer-list>
完活了!!!
原文地址:https://blog.csdn.net/qq_37909114/article/details/134714233
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.7code.cn/show_17463.html
如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。