开源项目ToggleButton源码分析

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

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项目介绍:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值