欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

仿IOS效果-ToggleButton

程序员文章站 2022-06-23 12:06:44
因为有了Studio的Jcenter,我们在开发中集成某个功能会简单了很多,分享一个小的UI特效,仿iOS的开关按钮,看效果;   第一步:引入依赖: [j...

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

仿IOS效果-ToggleButton

 

第一步:引入依赖:

[java] view plain copy

 

print? compile‘com.zcw:togglebutton-library:1.0.0’
compile 'com.zcw:togglebutton-library:1.0.0'

 

第二步:设置自定义布局

 

[html] view plain copy

 

print? 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”>


 

第三步:使用

 

[java] view plain copy

 

print? //切换开关 toggleBtn.toggle();   //切换无动画 toggleBtn.toggle(false);   //设置为打开状态 toggleBtn.setToggleOn();   //设置为关闭状态 toggleBtn.setToggleOff();   //无动画切换 toggleBtn.setToggleOn(false);   toggleBtn.setToggleOff(false);   //禁用动画 toggleBtn.setAnimate(false);   //开关切换事件 toggleBtn.setOnToggleChanged(newOnToggleChanged(){ @Override publicvoidonToggle(booleanon){   //这个boolean参数代表的是改变之后的状态   } });
//切换开关
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参数代表的是改变之后的状态

    }
});