Android SwitchCompat开关按钮自定义颜色和样式

最新推荐文章于 2024-09-18 11:19:13 发布

And郭

最新推荐文章于 2024-09-18 11:19:13 发布

阅读量7.2k

点赞数 1

分类专栏： android 文章标签： android 布局

本文链接：https://blog.csdn.net/andguohaolei/article/details/72954010

版权

android 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

Android SwitchCompat开关按钮自定义颜色和样式

这里写图片描述

1、改变轨迹颜色

只改变原生的轨迹颜色，不改变样式
用trackTint属性，例：

 <android.support.v7.widget.SwitchCompat
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:trackTint="#464c57" />

改变成自己想要的样式
用switch_track属性，例：

<android.support.v7.widget.SwitchCompat
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:track="@drawable/switch_track" />

switch_track.xml内容：

<?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/switch_track_on"/>
    <item
        android:state_checked="false"
        android:drawable="@drawable/switch_track_off"/>
</selector>

switch_track_on.xml内容

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

    <solid
        android:color="#464c57">
    </solid>

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


</shape>

switch_track_off.xml内容：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid
        android:color="#464c57">
    </solid>
    <corners
        android:radius="10dp">
    </corners>

</shape>

2、改变按钮颜色

只改变原生的背景颜色，不改变样式
可以用thumbTint属性，代码同上，用这个属性无论状态“开”，“关”，颜色一样
改变成自己想要的样式
用thumb属性：

<android.support.v7.widget.SwitchCompat
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:thumb="@drawable/switch_thum"
             />

switch_thum.xml

<?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/switch_thum_on"/>
    <item
        android:state_checked="false"
        android:drawable="@drawable/switch_thum_off"/>
</selector>

switch_thum_on.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <size
        android:width="20dp"
        android:height="20dp">
    </size>
    <solid
        android:color="#92e843">
    </solid>

</shape>

switch_thum_off.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <size
        android:width="20dp"
        android:height="20dp">
    </size>
    <solid
        android:color="#818a95">
    </solid>

</shape>