ToggleButton是一个开关按钮。该项目未使用图片,使用绘制View的方式实现,且附带弹性效果。
运行效果图:
项目地址:
https://github.com/zcweng/ToggleButton
实现原理:
按钮由分四部分绘制完成,如图所示。
1.圆角矩形的边框。最大的一个RoundRect,按钮切换时颜色在灰色和绿色之间变换。
2.圆角矩形。比上面的边框小BorderWidth宽度的RoundRect,颜色为白色,按钮切换时大小会发生改变。
3.圆圈的边框。按钮切换时颜色在灰色和绿色之间变换,且左右移动。
4.圆圈。比上面的边框小BorderWidth宽度的圆圈,颜色为白色,按钮切换时左右移动。
按钮在切换时,边框的颜色和圆圈的位置都在实时发生改变,使用的是开源框架Rebound实现的。Rebound是Facebook推出的一款Android物理和动画库。
Rebound项目地址:

本文分析了开源项目ToggleButton的实现原理,该开关按钮采用View绘制,无图实现,带弹性效果。通过四部分——边框、背景、圆圈边框和圆圈的动态变化来呈现切换状态。项目利用Facebook的Rebound库实现动画效果。文章重点讲解了关键的setup()初始化方法。
最低0.47元/天 解锁文章
909

被折叠的 条评论
为什么被折叠?



