安卓自定义Switch显示效果

效果

xml中使用

<Switch
                android:id="@+id/isNotifyMe"
                android:textOn=""
                android:textOff=""
                android:thumb="@drawable/thumb"
                android:track="@drawable/track"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"/>
复制代码

依赖的其余资源

thumb

<?xml version="1.0" encoding="utf-8"?>
<!-- 按钮的选择器，能够设置按钮在不一样状态下的时候，按钮不一样的颜色 -->
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:state_checked="true"  android:drawable="@drawable/green_thumb" />
    <item android:drawable="@drawable/gray_thumb" />
</selector>
复制代码

green_thumb

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle" >

    <!-- 高度40 -->
    <size android:height="@dimen/x28" android:width="@dimen/x28"/>
    <!-- 圆角弧度 20 -->
    <corners android:radius="@dimen/x14"/>


    <!-- 变化率 -->
    <gradient
            android:endColor="#ffffff"
            android:startColor="#ffffff" />

    <stroke android:width="1dp"
            android:color="#00d5b1"/>

</shape>
复制代码

gray_thumb

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle" >

    <!-- 高度40 -->
    <size android:height="@dimen/x28" android:width="@dimen/x28"/>
    <!-- 圆角弧度 20 -->
    <corners android:radius="@dimen/x14"/>


    <!-- 变化率 -->
    <gradient
            android:endColor="#ffffff"
            android:startColor="#ffffff" />

    <stroke android:width="1dp"
            android:color="#E5E5EA"/>

</shape>
复制代码

track

<?xml version="1.0" encoding="utf-8"?>
<!-- 底层下滑条的样式选择器，可控制Switch在不一样状态下，底下下滑条的颜色 -->
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:state_checked="true"  android:drawable="@drawable/green_track" />
    <item android:drawable="@drawable/gray_track" />
</selector>
复制代码

green_track

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <!-- 高度30 -->
    <size android:height="@dimen/x30"/>
    <!-- 圆角弧度 20 -->
    <corners android:radius="15dp"/>
    <!-- 变化率 -->
    <gradient
            android:endColor="#00d5b1"
            android:startColor="#00d5b1" />
</shape>
复制代码

gray_track

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle" >
    <!-- 高度30   此处设置宽度无效-->
    <size android:height="@dimen/x30"/>
    <!-- 圆角弧度 15 -->
    <corners android:radius="@dimen/x15"/>
    <!-- 变化率  定义从左到右的颜色不变 -->
    <gradient
            android:endColor="#E5E5EA"
            android:startColor="#E5E5EA" />
</shape>
复制代码