美文网首页
核心动画(一)

核心动画(一)

作者: 一个人的思考 | 来源:发表于2017-05-08 09:12 被阅读7次
    1.jpg1.jpg

    一、Core Animation简介

    • Core Animation,中文翻译为核心动画,它是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍。即,使用少量的代码就可以实现非常强大的功能。
    • Core Animation可以用在Mac OS X和iOS平台。
    • Core Animation的动画执行过程都是在后台操作的,不会阻塞主线程。
    • 要注意的是,Core Animation是直接作用在CALayer上的,并非UIView。

    二、CAAnimation的继承关系

    Snip20150718_1.pngSnip20150718_1.png
    • 核心动画中所有类都遵守CAMediaTiming协议
    • CAAnaimation是个抽象类,不具备动画效果,必须用它的子类才有动画效果,CAAnimationGroupCATransition才有动画效果。
      • CAAnimationGroup是个动画组,可以同时进行缩放,旋转
      • CATransition是转场动画界面之间跳转都可以用转场动画。
    • CAPropertyAnimation也是个抽象类,本身不具备动画效果,只有子类才有,CABasicAnimationCAKeyframeAnimation
      • CABasicAnimation基本动画,做一些简单效果
      • CAKeyframeAnimation帧动画,做一些连续的流畅的动画
      • 它有个NSString类型的keyPath属性,你可以指定CALayer的某个属性名为keyPath,并且对CALayer的这个属性的值进行修改,达到相应的动画效果。比如,指定@"position"keyPath,就会修改CALayer的position属性的值,以达到平移的动画效果
      • 因此,初始化好CAPropertyAnimation的子类对象后,必须先设置keyPath,搞清楚要修改的是CALayer的哪个属性,执行的是怎样的动画

    三、添加步骤

    (注意:Xcode5之后不用添加QuartzCore.framework框架和引入主头文件<QuartzCore/QuartzCore.h>)
    • 1.首先得有CALayer
    • 2.初始化一个CAAnimation对象,并设置一些动画相关属性
    • 3.通过调用CALayer的addAnimation:forKey:方法,增加CAAnimation对象到CALayer中,这样就能开始执行动画了
    • 4.通过调用CALayer的removeAnimationForKey:方法可以停止CALayer中的动画

    四、相关属性

    • duration:动画的持续时间

    • repeatCount:重复次数,无限循环可以设置HUGE_VALF或者MAXFLOAT

    • repeatDuration:重复时间

    • removedOnCompletion:默认为YES,代表动画执行完毕后就从图层上移除,图形会恢复到动画执行前的状态。如果想让图层保持显示动画执行后的状态,那就设置为NO,不过还要设置fillModekCAFillModeForwards

    • fillMode:决定当前对象在非active时间段的行为。比如动画开始之前或者动画结束之后

    • beginTime:可以用来设置动画延迟执行时间,若想延迟2s,就设置为CACurrentMediaTime()+2,CACurrentMediaTime()为图层的当前时间

    • timingFunction:速度控制函数,控制动画运行的节奏
      delegate:动画代理

    • fillMode属性值(要想fillMode有效,最好设置removedOnCompletion = NO

    • delegate:动画代理,用来监听动画的执行过程
      代理对象需要实现的方法有:(这几个方法被定义在某个分类中)

    @interface NSObject (CAAnimationDelegate)
    // 动画开始执行的时候触发这个方法
    - (void)animationDidStart:(CAAnimation *)anim;
    // 动画执行完毕的时候触发这个方法
    - (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag;
    @end
    
    

    相关文章

      网友评论

          本文标题:核心动画(一)

          本文链接:https://www.haomeiwen.com/subject/slcmtxtx.html