Android Switch控件修改样式，android开发者周报

Android中自带的Switch控件在很多时候总觉得和整体系统风格不符，很多时候，自定义Switch是一种方法。

但其实不用这么麻烦，安卓自带的Switch通过修改一些属性，也可以达到和自定义Switch差不多的一个效果。

个人感觉，Switch的属性设置和其他控件还是有挺大区别的。因此，写下此文，方便有需要的同学参考。

先上效果图：

以上便是修改后效果 与 原生Switch的效果对比。代码在文章底部给出

实现方式：

1.底部滑动条，在开关打开状态为绿色，开关关闭状态为灰色

在 res/drawable 文件夹下面，写两个滑动条的底图 ，通过一个选择器selector进行控制。

gray_track.xml ：非打开状态，灰色的底图

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android=“http://schemas.android.com/apk/res/android”

android:shape=“rectangle” >

<gradient

android:endColor="#888888"

android:startColor="#888888" />

green_track.xml：打开状态下，绿色的底图。

<?xml version="1.0" encoding="utf-8"?>

<gradient

android:endColor="#33da33"

android:startColor="#33da33" />

选择器 track.xml   用于控制Switch不同状态下，滑动条的底图

<?xml version="1.0" encoding="utf-8"?>

<item android:state_checked=“true”  android:drawable="@drawable/green_track" />

2. 滑动按钮：底色我用的接近白色的淡灰色，打开时，边上的一圈线条为灰色，关闭时，边上的一圈线条为绿色

实现方式和底部滑动一致

gray_thumb.xml  :关闭状态，按钮边上一圈颜色为深灰色

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android=“http://schemas.android.com/apk/res/android”

android:shape=“rectangle” >

<gradient

android:endColor="#eeeeee"

android:startColor="#eeeeee" />

<stroke android:width=“1dp”

android:color="#666666"/>

green_thumb.xml : 打开状态，按钮边上一圈的颜色为绿色

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android=“http://schemas.android.com/apk/res/android”

android:shape=“rectangle” >

<gradient

android:endColor="#eeeeee"

a

《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》

【docs.qq.com/doc/DSkNLaERkbnFoS0ZF】 完整资料开源分享

ndroid:startColor="#eeeeee" />

<stroke android:width=“1dp”

android:color="#33da33"/>

选择器 thumb.xml   用于控制Switch不同状态下，按钮的显示状态

<?xml version="1.0" encoding="utf-8"?>

<item android:state_checked=“true”  android:drawable="@drawable/green_thumb" />

3. 将以上选择器设置给Switch，就好了

界面  activity_main.xml