仿网易邮箱大师刷新控件

仿网易邮箱大师刷新控件_第1张图片
刷新控件.gif

想要实现这个效果分成两步走

主要说一下思路吧

1.绘制一个三段颜色的进度条,处于后面动画的方便,选择创建三个CAShapeLayer。

2.到达100%效果的时候,我选择了感觉比较笨的方法,重新绘制三个新的CAShapeLayer(如果有更好的方法,请告诉我),彼此之间有一定的角度间隔,然后就是动画。

1.CAShapeLayer进行整体的缩放
2.CAShapeLayer的lineWidth进行缩放
3.CAShapeLayer的旋转动画

Demo

你可能感兴趣的:(仿网易邮箱大师刷新控件)