您好,欢迎来电子发烧友网! ,新用户?[免费注册]

您的位置:电子发烧友网>源码下载>通讯/手机编程>

详解iOS的复杂动画怎么做的

大小:0.3 MB 人气: 2017-09-26 需要积分:1

  二、分析

  上面图中的动画第一眼看起来的确是有点复杂,但是我们来一步步分析,就会发现其实并不是那么难。仔细看一下就会发现,大致步骤如下:

  1、先出来一个圆

  2、圆形在水平和竖直方向上被挤压,呈椭圆形状的一个过程,最后恢复成圆形

  3、圆形的左下角、右下角和顶部分别按顺序凸出一小部分

  4、圆和凸出部分形成的图形旋转一圈后变成三角形

  5、三角形的左边先后出来两条宽线,将三角形围在一个矩形中

  6、矩形由底部向上被波浪状填满

  7、被填满的矩形放大至全屏,弹出Welcome

  动画大致就分为上面几个步骤,拆分后我们一步步来实现其中的效果(下面所示步骤中以Swift代码为例,demo中分别有Objective-C和Swift的实现)

  三、实现圆形以及椭圆的渐变

  首先,我们创建了一个新工程后,然后新建了一个名AnimationView的类继承UIView,这个是用来显示动画效果的一个view。然后先添加CircleLayer(圆形layer),随后实现由小变大的效果。

  详解iOS的复杂动画怎么做的

  其中expand()这个方法如下

非常好我支持^.^

(0) 0%

不好我反对

(0) 0%

      发表评论

      用户评论
      评价:好评中评差评

      发表评论,获取积分! 请遵守相关规定!