iOS Core Animation 图层动画

Core Animation是一组非常强大的动画处理API,使用它能做出非常绚丽的动画效果,而且往往是事半功倍,使用它需要添加QuartzCore .framework和引入对应的框架.

CALayer是个与UIView很类似的概念，同样有layer,sublayer...，同样有backgroundColor、frame等相似的属性，我们可以将UIView看做一种特殊的CALayer，只不过UIView可以响应事件而已。一般来说，layer可以有两种用途，二者不互相冲突：一是对view相关属性的设置，包括圆角、阴影、边框等参数，更详细的参数请点击这里；二是实现对view的动画操控。因此对一个view进行core animation动画，本质上是对该view的.layer进行动画操纵。其实就是说UIView的动画就是core animation的进一步封装，虽然使用简单，但是复杂的功能很难通过UIView动画实现。

CAAnimation可分为四种：

1.CABasicAnimation

通过设定起始点，终点，时间，动画会沿着你这设定点进行移动。可以看做特殊的CAKeyFrameAnimation，只能从一个数值(fromValue)变到另一个数值(toValue)。

2.CAKeyframeAnimation

Keyframe顾名思义就是关键点的frame，你可以通过设定CALayer的始点、中间关键点、终点的frame，时间，动画会沿你设定的轨迹进行移动。而CAKeyframeAnimation会使用一个NSArray保存这些数值 .并且可以自定义路径来实现动画。

3.CAAnimationGroup

Group也就是组合的意思，就是把对这个Layer的所有动画都组合起来。PS：一个layer设定了很多动画，他们都会同时执行，如何按顺序执行我到时候再讲。

4.CATransition

这个就是苹果帮开发者封装好的一些动画

速度控制函数(CAMediaTimingFunction)

1> kCAMediaTimingFunctionLinear（线性）：匀速，给你一个相对静态的感觉

2> kCAMediaTimingFunctionEaseIn（渐进）：动画缓慢进入，然后加速离开

3> kCAMediaTimingFunctionEaseOut（渐出）：动画全速进入，然后减速的到达目的地

4> kCAMediaTimingFunctionEaseInEaseOut（渐进渐出）：动画缓慢的进入，中间加速，然后减速的到达目的地。        这个是默认的动画行为。

开发步骤:

1> 初始化一个动画对象(CAAnimation)并设置一些动画相关属性.

2> 添加动画对象到层(CALayer)中,开始执行动画.

CALayer中很多属性都可以通过CAAnimation实现动画效果, 包括opacity, position, transform, bounds, contents等(可以在API文档中搜索:CALayer Animatable Properties).

通过调用CALayer的addAnimation:forKey:增加动画到层(CALayer)中,这样就能触发动画了.通过调用removeAnimationForKey:可以停止层中的动画.

Core Animation的动画执行过程都是在后台操作的,不会阻塞主线程.

补充：

fillMode属性值（要想fillMode有效，最好设置removedOnCompletion=NO）

kCAFillModeRemoved 这个是默认值,也就是说当动画开始前和动画结束后,动画对layer都没有影响,动画结束后,layer会恢复到之前的状态.

kCAFillModeForwards 当动画结束后,layer会一直保持着动画最后的状态.

kCAFillModeBackwards 在动画开始前,你只要将动画加入了一个layer,layer便立即进入动画的初始状态并等待动画开始. 你可以这样设定测试代码,将一个动画加入一个layer的时候延迟5秒执行.然后就会发现在动画没有开始的时候,只要动画被加入了layer,layer便处于动画初始状态

kCAFillModeBoth 这个其实就是上面两个的合成.动画加入后开始之前,layer便处于动画初始状态,动画结束后layer保持动画最后的状态。

如果fillMode=kCAFillModeForwards和removedOnComletion=NO，那么在动画执行完毕后，图层会保持显示动画执行后的状态。但在实质上，图层的属性值还是动画执行前的初始值，并没有真正被改变。比如，CALayer的position初始值为(0,0)，CABasicAnimation的fromValue为(10,10)，toValue为(100,100)，虽然动画执行完毕后图层保持在(100,100)这个位置，实质上图层的position还是为(0,0)

---

每个动画的单独详解

部分转自该博客