漂亮简单的Android 自定义 Switch 控件!

漂亮简单的Android 自定义 Switch 控件!

android原生的Switch控件可谓是极丑的~作为一个注重UI的android开发者~我很少会使用android自己的原生控件，想要做出一些比较好看的界面的话一般都会自己重写一些控件，比如说Switch控件，先上一个预览

---

看起来比较酷炫的渐变和切换效果，实则只是对android动画的很少一部分的利用，下面我来介绍一下怎么实现这个控件。

思路

分解开来可以看做是在一个View的中间画出一条黑线，然后再用一个ImageView配上可以用动画形式改变图片的资源，自然而然的就想到了TransitionDrawable这个类，这个类主要对应以transition为根节点的drawable资源，然后再加上位置移动的动画，就可以很轻松的实现这个控件了~~

资源准备

首先准备两张图片，下面的图片可以直接复制回去

分别取名为 switch_button_normal 和 switch_button_clicked
接下来将这两个图片拷入drawable文件加下，并在文件夹下创建switch_button_drawable.xml文件，内容如下

<?xml version="1.0" encoding="utf-8"?>
<transition xmlns:android="http://schemas.android.com/apk/res/android">    
    <item android:drawable="@drawable/switch_button_normal" />
    <item android:drawable="@drawable/switch_button_clicked" />