仿IOS效果-ToggleButton

转载至：http://blog.csdn.net/u014752325/article/details/53227296

因为有了Studio的Jcenter，我们在开发中集成某个功能会简单了很多，分享一个小的UI特效，仿iOS的开关按钮，看效果；

第一步：引入依赖：

[java] view plain copy

print ?

1. compile ‘com.zcw:togglebutton-library:1.0.0’  

compile 'com.zcw:togglebutton-library:1.0.0'

第二步：设置自定义布局

[html] view plain copy

print ?

1. <com.zcw.togglebutton.ToggleButton  
2.     android:id=“@+id/togglebutton”  
3.     android:layout_width=“80dp”  
4.     toggle:tbOnColor=“#03d626”  
5.     toggle:tbOffColor=“#ffffff”  
6.     toggle:tbSpotColor=“#ffffff”  
7.     toggle:tbBorderWidth=“0.5dp”  
8.     toggle:tbOffBorderColor=“#dfdcdc”  
9.     android:layout_height=“40dp” >  
10. </com.zcw.togglebutton.ToggleButton>  

<com.zcw.togglebutton.ToggleButton
    android:id="@+id/togglebutton"
    android:layout_width="80dp"
    toggle:tbOnColor="#03d626"
    toggle:tbOffColor="#ffffff"
    toggle:tbSpotColor="#ffffff"
    toggle:tbBorderWidth="0.5dp"
    toggle:tbOffBorderColor="#dfdcdc"
    android:layout_height="40dp" >
</com.zcw.togglebutton.ToggleButton>

第三步：使用

[java] view plain copy

print ?

1. //切换开关  
2. toggleBtn.toggle();  
3.   
4. //切换无动画  
5. toggleBtn.toggle(false);  
6.   
7. //设置为打开状态  
8. toggleBtn.setToggleOn();  
9.   
10. //设置为关闭状态  
11. toggleBtn.setToggleOff();  
12.   
13. //无动画切换  
14. toggleBtn.setToggleOn(false);  
15.   
16. toggleBtn.setToggleOff(false);  
17.   
18. //禁用动画  
19. toggleBtn.setAnimate(false);  
20.   
21. //开关切换事件  
22. toggleBtn.setOnToggleChanged(new OnToggleChanged(){  
23.     @Override  
24.     public void onToggle(boolean on) {  
25.           
26.         //这个boolean参数代表的是改变之后的状态  
27.       
28.     }  
29. });  

//切换开关
toggleBtn.toggle();

//切换无动画
toggleBtn.toggle(false);

//设置为打开状态
toggleBtn.setToggleOn();

//设置为关闭状态
toggleBtn.setToggleOff();

//无动画切换
toggleBtn.setToggleOn(false);

toggleBtn.setToggleOff(false);

//禁用动画
toggleBtn.setAnimate(false);

//开关切换事件
toggleBtn.setOnToggleChanged(new OnToggleChanged(){
    @Override
    public void onToggle(boolean on) {

        //这个boolean参数代表的是改变之后的状态

    }
});