仿IOS效果-ToggleButton

来源:互联网 发布:潘多拉优化中心 编辑:程序博客网 时间:2024/06/07 03:17

转载至: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参数代表的是改变之后的状态    }});


原创粉丝点击