Android Switch开关,高仿iOS

在style.xml中添加如下代码：

[html]  view plain  copy

1. <style name="Switch">  
2.        <!--track是switch轨迹部分,这里我们用了一个selector来解决不同状态下轨迹的颜色-->  
3.        <item name="android:track">@drawable/switch_track</item>  
4.        <!--thumb是switch滑块,这里我们用了Widget.AppCompat.CompoundButton.Switch下带的资源,如果有需要,请自行更换图标-->  
5.        <item name="android:thumb">@drawable/abc_switch_thumb_material</item>  
6.        <item name="android:background">@null</item>  
7.        <!--switch上的文字,插入占位符,解决部分手机不能显示问题-->  
8.        <item name="android:textOn"> </item>  
9.        <item name="android:textOff"> </item>  
10.        <!--这个东西才能控制整个开关的宽度, 有些人会发现设置width会无效,设置一下这个就好啦-->  
11.        <item name="android:switchMinWidth">50dp</item>  
12.  </style>  

drawable/switch_tradck.xml

[html]  view plain  copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
3.     <item android:state_checked="true">  
4.         <shape>  
5.             <solid android:color="#4dd664" />  
6.             <corners android:radius="30dp"/>  
7.             <size android:width="50dp" android:height="26dp" />  
8.         </shape>  
9.     </item>  
10.     <item android:state_checked="false">  
11.         <shape>  
12.             <solid android:color="#ffffff" />  
13.             <corners android:radius="30dp"/>  
14.             <!--低版本手机需要设置size才能正常显示track-->  
15.             <size android:width="50dp" android:height="28dp" />  
16.             <!--设置边框-->  
17.             <stroke android:color="#e4e4e4" android:width="1dp" android:dashGap="0dp" android:dashWidth="0dp"/>  
18.         </shape>  
19.     </item>  
20. </selector>  

这样整个style就基本完成了,用起来也非常简单.

[html]  view plain  copy

1. <Switch  
2.       android:layout_width="wrap_content"  
3.       android:layout_height="wrap_content"  
4.       style="@style/Switch"/>