Switch样式实现

最新推荐文章于 2024-03-15 16:52:20 发布

爱笑re

最新推荐文章于 2024-03-15 16:52:20 发布

阅读量225

点赞数

分类专栏：安卓UI

本文链接：https://blog.csdn.net/jiahui6666/article/details/88917714

版权

安卓UI 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

控件

<Switch
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:thumb="@drawable/switch_change"
        android:track="@drawable/switch_custom_track_select"/>

样式@drawable/switch_change

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">

    <!--开关按钮-->

    <solid android:color="#FFFFFF" />

    <!--添加透明边框-->
    <stroke
        android:width="3dp"
        android:color="#00000000" />

    <size
        android:width="20dp"
        android:height="20dp" />

</shape>

样式@drawable/switch_custom_track_off

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">


    <corners android:radius="15dp" />

    <!--开关按钮false显示的颜色-->
    <solid android:color="#999999"/>

    <stroke
        android:width="5dp"
        android:color="#00000000" />

</shape>

样式@drawable/switch_custom_track_on

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">


    <corners android:radius="15dp" />

    <!--开关按钮,true显示的颜色-->
    <solid android:color="#00B4B4" />

    <stroke
        android:width="5dp"
        android:color="#00000000" />


</shape>

样式@drawable/switch_custom_track_select

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <!--开关按钮的状态-->
    <item android:drawable="@drawable/switch_custom_track_on" android:state_checked="true" />
    <item android:drawable="@drawable/switch_custom_track_off" android:state_checked="false" />

</selector>

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