QuartzCore 之 CAAnimation 动画详解

介绍: 核心动画, 提供丰富易用的API, 可以写出复杂交互性强的动画, 应用于Mac OS 和 iOS平台, 动画执行过程是在后台操作的, 不会影响主线程. 今天就来介绍一些API的示例使用. 下面的图很清楚了介绍了几个类之间的关系, 实际使用的过程中多使用以下几个
这一篇是关于POP的使用小入门 iOS 走进Facebook POP的世界

 

  • CABasicAnimation
  • CAKeyframeAnimation
  • CATransition
  • CAAnimationGroup
  • CASpringAnimation

111506501-0d9ff42a8359f0e0

KeyPath

关于KeyPath的官方文档

CABasicAnimation

121506501-6c4f121581676433

131506501-9c0d552e3c5316ec

141506501-cbf0ecfa68d65e52

151506501-78648e0eda412757

161506501-f0bdb0224c5fdc0e

171506501-d602debcb21f98ee

CATransition

CAAnimationGroup

191506501-7eeb344b6d786502

CASpringAnimation

系统的Spring动画就不那么好玩了, 大家有兴趣可以去看看POP, 更多更好玩的动画

201506501-1a2ebc8e375a0133

CAAnimationDelegate 这个协议两个方法

总结: 很复杂很复杂的动画, 化繁为简, 一步一步进行拆分, 最后感谢你的阅读.

打赏支持我写出更多好文章,谢谢!

打赏作者

打赏支持我写出更多好文章,谢谢!

任选一种支付方式

2 1 收藏 4 评论

关于作者:夏天然后

简书推荐作者, CSDN博客专家, 喜欢分享, 交流故事. 微信公众号: 夏天然后 个人主页 · 我的文章 · 5 ·    

相关文章

可能感兴趣的话题



直接登录
最新评论
  • 廖国朋 iOS开发工程师 2016/11/17

    大神你好,有个问题想请教一下。望指教

    关于这个动画: CAKeyframeAnimation *keyAnimate = [CAKeyframeAnimation animation];
    keyAnimate.keyPath = @”transform.rotation”;

    就是你的demo里面的抖动的,我看你的View抖动的旋转是以左上角为圆心的,我自己写的都是以自身View的center为抖动的圆心。请问这需要怎改呢?

    • 夏天然后 iOS开发者 2016/11/18

      /* Defines the anchor point of the layer’s bounds rect, as a point in

      * normalized layer coordinates – ‘(0, 0)’ is the bottom left corner of

      * the bounds rect, ‘(1, 1)’ is the top right corner. Defaults to

      * ‘(0.5, 0.5)’, i.e. the center of the bounds rect. Animatable. */

      @property CGPoint anchorPoint; // 上面是这个属性的解释

      btn5.layer.anchorPoint = CGPointMake(0, 0); // 默认不写这句 就是围绕中心 (0,0)->(1,1);

      或者这样写

      btn5.layer.anchorPoint = CGPointMake(0.5, 0.5); // 这个就是默认的值

      这个解释希望对你有帮助~ Thanks

      • 夏天然后 iOS开发者 2016/11/18

        /* Defines the anchor point of the layer’s bounds rect, as a point in

        * normalized layer coordinates – ‘(0, 0)’ is the bottom left corner of

        * the bounds rect, ‘(1, 1)’ is the top right corner. Defaults to

        * ‘(0.5, 0.5)’, i.e. the center of the bounds rect. Animatable. */

        @property CGPoint anchorPoint; // 上面是这个属性的解释

        btn5.layer.anchorPoint = CGPointMake(0, 0); // 值 在 (0,0) – (1,1)之间 上面说的不合理 希望你不要误解

        或者这样写

        btn5.layer.anchorPoint = CGPointMake(0.5, 0.5); // 这个就是默认的值

        这个解释希望对你有帮助~ Thanks

跳到底部
返回顶部