自定义开关按钮Switch

最新推荐文章于 2024-02-28 17:39:10 发布

小矮子tt

最新推荐文章于 2024-02-28 17:39:10 发布

阅读量193

点赞数 1

分类专栏：加深学习

本文链接：https://blog.csdn.net/qq_38287890/article/details/104383164

版权

加深学习专栏收录该内容

62 篇文章 1 订阅

订阅专栏

效果图：
在这里插入图片描述

   <Switch
        android:id="@+id/activity_family_recycler_item_default"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:checked="true"  设置默认状态
        android:thumb="@drawable/activity_family_thumb"
        android:track="@drawable/activity_family_track"
        />

完成自定义的主要属性：

滑块样式android:thumb="@drawable/activity_family_thumb"

activity_family_thumb.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true">
        <shape android:shape="oval">
            <solid android:color="@color/white" />
            <size android:width="20dp" android:height="20dp" />
            <stroke android:width="1dp" android:color="@color/titleBb" />
        </shape>
    </item>
    <item android:state_checked="false">
        <shape android:shape="oval">
            <solid android:color="@color/white" />
            <size android:width="20dp" android:height="20dp" />
            <stroke android:width="1dp" android:color="#AAAAAA" />
        </shape>
    </item>

</selector>

switch背景色android:track="@drawable/activity_family_track"

activity_family_track.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true">
        <shape android:shape="rectangle">
            <solid android:color="#71B6F6"/>
            <corners android:radius="20dp"/>
        </shape>
    </item>
    <item android:state_checked="false">
        <shape android:shape="rectangle">
            <solid android:color="#AAAAAA"/>
            <corners android:radius="20dp"/>
        </shape>
    </item>
</selector>