先来看一下最终的效果:
特点:圆环是顺时针旋转,旋转的过程中,始终保持圆环的开始端颜色最浅(白色),圆环的结尾是最深(0xEC1161).
在刚开始要做这个东西的时候,是因为想做一个下拉刷新的动画,这个动画要做到在下拉的过程中,有一个颜色渐变的圆环在变大,而且是要始终保湿圆环的开头是白色,圆环的结尾是0xEC1161最深色。
想了几个方法,都不太理想,其中包括在圆环的底部放置一个圆环图片,下拉过程中,拖过CALayer的mask功能来把需要显示的圆环给扣出来显示,最终我采用了最简单的方式,就是直接无限旋转一个圆环图片,醉了。。
这事完了之后,我不甘心,决定好好来实现以下这个动画效果,就来了这个;下面简要分析写这个动画的实现逻辑(可能对后续要实现一个进度条或者类似于360安全卫士清理时的进度条有一定的帮助)
热门源码