1.核心动画概述
Core Animation,中文翻译为核心动画,它是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍。也就是说,使用少量的代码就可以实现非常强大的功能。 Core Animation可以用在Mac OS X和iOS平台 Core Animation的动画执行过程都是在后台操作的,不会阻塞主线程 要注意的是,Core Animation是直接作用在CALayer上的,并非UIView
2.核心动画层级结构
结构图 核心动画中所有类都遵守CAMediaTiming
CAAnaimation是个抽象类,不具备动画效果,必须用它的子类才有动画效果的几个子类才有动画效果 CAAnimationGroup是个动画组,可以同时进行缩放,旋转 CATransition是转场动画,界面之间跳转都可以用转场动画 CAPropertyAnimation也是个抽象类,本身不具备动画效果,只有两个子类才具备,CABasicAnimation和CAKeyframeAnimation
CABasicAnimation基本动画,做一些简单效果 CAKeyframeAnimation帧动画,做一些连续的流畅的动画
3.核心动画使用步骤
1.首先得有CALayer 2.初始化一个CAAnimation对象,并设置一些动画相关属性 3.通过调用CALayer的addAnimation:forKey:方法,增加CAAnimation对象到CALayer中,这样就能开始执行动画了 4.通过调用CALayer的removeAnimationForKey:方法可以停止CALayer中的动画
4.CAAnimation常见属性说明
属性说明:(红色代表来自CAMediaTiming协议的属性)
1. duration:动画的持续时间(红色)
2. repeatCount:重复次数,无限循环可以设置HUGE_VALF或者MAXFLOAT(红色)
3. repeatDuration:重复时间(红色)
4. removedOnCompletion:默认为YES ,代表动画执行完毕后就从图层上移除,图形会恢复到动画执行前的状态。如果想让图层保持显示动画执行后的状态,那就设置为NO ,不过还要设置fillMode为kCAFillModeForwards
5. fillMode:决定当前对象在非active时间段的行为。比如动画开始之前或者动画结束之后(红色)
6. beginTime:可以用来设置动画延迟执行时间,若想延迟2 s,就设置为CACurrentMediaTime()+2 (红色)
7. CACurrentMediaTime()为图层的当前时间
8. timingFunction:速度控制函数,控制动画运行的节奏
9. delegate:动画代理
5.CAAnimation——动画填充模式
fillMode属性值(要想fillMode有效,最好设置removedOnCompletion = NO)
kCAFillModeRemoved,这个是默认值,也就是说当动画开始前和动画结束后,动画对layer都没有影响,动画结束后,layer会恢复到之前的状态 kCAFillModeForwards,当动画结束后,layer会一直保持着动画最后的状态 kCAFillModeBackwards,在动画开始前,只需要将动画加入了一个layer,layer便立即进入动画的初始状态并等待动画开始 kCAFillModeBoth,这个其实就是上面两个的合成.动画加入后开始之前,layer便处于动画初始状态,动画结束后layer保持动画最后的状态
6.CAAnimation——速度控制函数
速度控制函数(CAMediaTimingFunction)
kCAMediaTimingFunctionLinear(线性):匀速,给你一个相对静态的感觉 kCAMediaTimingFunctionEaseIn(渐进):动画缓慢进入,然后加速离开 kCAMediaTimingFunctionEaseOut(渐出):动画全速进入,然后减速的到达目的地 kCAMediaTimingFunctionEaseInEaseOut(渐进渐出):动画缓慢的进入,中间加速,然后减速的到达目的地。这个是默认的动画行为
7.CAAnimation——动画代理方法
@interface NSObject (CAAnimationDelegate)
- (void )animationDidStart:(CAAnimation *)anim;
/* Called when the animation either completes its active duration or
* is removed from the object it is attached to (i.e. the layer). 'flag'
* is true if the animation reached the end of its active duration
* without being removed. */
- (void )animationDidStop:(CAAnimation *)anim finished:(BOOL)flag;
@end
8.CALayer上动画的暂停和恢复
#pragma mark 暂停CALayer的动画
-(void )pauseLayer:(CALayer*)layer
{
CFTimeInterval pausedTime = [layer convertTime:CACurrentMediaTime() fromLayer:nil];
layer.speed = 0.0 ;
layer.timeOffset = pausedTime;
}
#pragma mark 恢复CALayer的动画
-(void )resumeLayer:(CALayer*)layer
{
CFTimeInterval pausedTime = layer.timeOffset;
layer.speed = 1.0 ;
layer.timeOffset = 0.0 ;
layer.beginTime = 0.0 ;
CFTimeInterval timeSincePause = [layer convertTime:CACurrentMediaTime() fromLayer:nil] - pausedTime;
layer.beginTime = timeSincePause;
}