2018正版葡京赌侠诗iOS造轮子——跳跃加载动画效果

动画

详情参见GitHub,跳跃的加载动画

这些动画,使用CAKeyframeAnimation和贝塞尔曲线来成功,卓殊复杂。

原理

  1. 本动画分为两大一部分,前进和滞后。
  2. 进化和落后,又分为两个子部分。
  3. 实心小球从index 0一向运动到index
    4,每达成2个子片段,就调用animationDidStop情势,来触发下二个子有的。
  4. 每贰个子部分,实心小球的动作,是两端直线外加一段半半圆。而空心小球的动画片,唯有3个半半圆。
    5.空心小球须要拭目以俟实心小球运动到和它在同等水平线的时候,才起来运动,并且在诚挚小球走完弧线的时候,空心小球也走完弧线。

以此动画做了两日,真的好复杂,试了很多种方案,最后那种方案对比不难。我们自身看代码吧

发表评论

电子邮件地址不会被公开。 必填项已用*标注