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