Core Animation
核心动画, 是苹果提供的一套非常强大的动画处理API,
可以用在Mac OS 以及 iOS平台.
- 核心动画的执行过程都是在后台执行, 并不会阻塞主线程.
- 核心动画是直接作用在CALayer, 并不是UIView.
- 当动画添加到CALayer上后, 并不会直接修改CALayer的属性.
- Core Animation维护了两个平行的layer层次结构.
- model layer tree(模型层树).
- presentation layer tree(表示层树).
- 我们平时看到的是表示层的效果, 所以如果不是直接修改layer
的属性值, layer的属性值并不会有什么变化.
- 核心动画来自QuartCore框架, iOS7.0前需要先添加QuartCore.framework
并导入头文件.
- 动画执行的过程中, UIView, layer的frame和bounds都不会发生改变.
核心动画的使用步骤
- 1. 实例化
- [... animation];
- 2. 设置动画属性
- 3. 添加到layer上
- [layer addAnimation: forKey:];
- 4. 如果需要移除动画 remove
CAAnimation
是所有动画的父类, 负责控制动画的持续时间和速度, 是一个抽象类, 不能直接使用.
CAAnimaton的子类层级结构:
CAAnimation 遵守了CAMideaTiming协议
- 子类1: CAAnimationGroup
- 子类2: CAPropertyAnimation
- 子类1: CABasicAnimation
- 子类2: CAKeyFrameAnimation
- 子类3: CATransition 转场动画
重要的属性:
- CAMideaTiming协议, 定义了很多常用的属性
- duration //动画的执行时间
- repeatCount // 动画的执行次数
- repeatDuration // 动画的重复时间
- autoreverses // 帧动画中是否原路返回动画
- fillMode
- speed // 当前层的时间走动速度
- beginTime // 动画开始时间
- timeOffset // 设置动画暂停的时候会用的到
- duration 动画的执行时间, 默认是.25.
- repeatCount 动画的重复次数.
- repeatDuration 动画的重复时间.
- 动画执行完后不恢复到默认的位置.
- removedOnCompletion. 默认是执行完了就移除动画, 恢复到初始的位置.
- 设置为NO.
- fillMode. 决定在动画开始前和执行完后的样式.
- 设置为KCAFillModeForwards
- fillMode 决定当前layer非active时间段的行为
要想fillMode有效，最好设置removedOnCompletion = NO
- kCAFillModeRemoved
- 这个是默认值，也就是说当动画开始前和动画结束后，动画对layer
都没有影响，动画结束后，layer会恢复到之前的状态.
- kCAFillModeForwards
- 当动画结束后，layer会一直保持着动画最后的状态.
- kCAFillModeBackwards
- 在动画开始前，只需要将动画加入了一个layer，layer便立即进入动画
的初始状态并等待动画开始.
- kCAFillModeBoth
- 这个其实就是上面两个的合成.动画加入后开始之前，layer便处于动画
初始状态，动画结束后layer保持动画最后的状态.
- beginTime. 设置动画延迟多久开始执行.
- CACurrentMediaTime() + 'time'.
- 这个函数获取的是手机从开机到现在所运行的时间.
- timeFunction. 设置动画运行的节奏.
- kCAMediaTimingFunctionLinear
- kCAMediaTimingFunctionEaseIn
- kCAMediaTimingFunctionEaseOut
- kCAMediaTimingFunctionEaseInEaseOut
- kCAMediaTimingFunctionDefault
- delegate. 动画代理.
- (void)animationDidStart:(CAAnimation *)anim;
- 动画开始执行就会调用这个方法.
- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag;
- 动画结束就会调用这个方法.
- 动画的暂停与开启
暂停步骤:
- 1. 获取当前layer停止的时间.
- CFTimeInterval pausedTime =
[layer convertTime:CACurrentMediaTime() fromLayer:nil];
- 2. 设置当前图层的时间停止走动.
- layer.speed = 0;
- 3. 设置layer的动画停留时间
- layer.timeOffset = pausedTime;
开启步骤:
- 1. 恢复layer的时间走动.
- layer.speed = 1.0;
- 2. 取消layer动画停留时间.
- layer.timeOffset = 0.0;
- 3. 取消上次设置的开始时间.
- layer.beginTime = 0.0;
- 4. 计算已经暂停了的时间.
- CFTimeInterval timeSincePause = [layer convertTime:CACurrentMediaTime() fromLayer:nil]
- pausedTime;
- 5. 设置相对于父坐标系的开启时间.
- layer.beginTime = timeSincePause;
CABasicAnimation
重要的属性:
- keyPath 传入layer中你需要执行动画的属性
- 注意: 如果要执行二维的矩阵变换, 不要使用affineTransform
使用transform属性, 简写可以通过kvc "transform.rotation"
详细的参考文档截图.
- toValue, fromValue, byValue
- 传入id类型的数据, 注意数字需要'装箱'.
CABasicAnimation的弊端是只能执行从一个值到另一个值的变化.
CAKeyFrameAnimation
重要的属性:
- values 通过传入数组, 来让layer来执行动画.
- path(CGPathRef), 这个属性的优先级永远高于values
设置了这个属性后values就会自动失效(无论设置values的代码
是在前还是在后面), 默认是layer的中点来执行路径, 可以通过设置anchorPoint来解决这个
问题.
- keyTimes 可以为对应的关键帧指定对应的时间点，其取值范围为0到1.0，keyTimes中的每一个时间值都对应values中的每一帧。如果没有设置keyTimes，各个关键帧的时间是平分的
- CABasicAnimation可看做是只有2个关键帧的CAKeyframeAnimation
CAAnimationGroup
- 是CAAnimation的子类，可以保存一组动画对象，将CAAnimationGroup对象加入层后，组中所有动画对象可以同时并发运行.
- 默认情况下，一组动画对象是同时运行的，也可以通过设置动画对象的beginTime属性来更改动画的开始时间.
- animations 动画数组传入多个动画对象
CATransition(转场动画)
- 用于做转场动画，能够为层提供移出屏幕和移入屏幕的动画效果.
- UINavigationController就是通过CATransition实现了将控制器的视图推入屏幕的动画效果.
- 重要的属性:
- type：动画过渡类型.
- 系统提供了一些默认的样式. 更多的样式参考ppt中的截图.
- subtype：动画过渡方向. 如果动画不支持方向, 设置了也没事.
- startProgress：动画起点(在整体动画的百分比).
- endProgress：动画终点(在整体动画的百分比).
- UIView封装的转场动画.
- + (void)transitionWithView:(UIView *)view duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion; //单视图
- + (void)transitionFromView:(UIView *)fromView toView:(UIView *)toView duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options completion:(void (^)(BOOL finished))completion; // 双视图
- 控制器的转场动画.
- 设置属性:modalTransitionStyle
- UIModalTransitionStyleCoverVertical = 0,
- UIModalTransitionStyleFlipHorizontal.
- UIModalTransitionStyleCrossDissolve,
- UIModalTransitionStylePartialCurl.
- 控制器的present动画样式.
- UIModalPresentationFullScreen = 0,
- UIModalPresentationPageSheet.
- UIModalPresentationFormSheet.
- UIModalPresentationCurrentContext.
- UIModalPresentationCustom.
- UIModalPresentationOverFullScreen.
- UIModalPresentationOverCurrentContext.
- UIModalPresentationPopover.
- UIModalPresentationNone.
UIView 动画
- UIViewAnimation分类
- UIViewAnimationWithBlock分类
- 包含了转场动画
