iOS学习笔记-075.核心动画01——简介

来源:互联网 发布:淘宝上开网店步骤 编辑:程序博客网 时间:2024/05/22 11:30

  • 核心动画01简介
    • 一Core Animation简介
    • 二核心动画继承结构
    • 三Core Animation的使用步骤
    • 四CAAnimation简介
    • 五CAAnimation动画填充模式
    • 六CAAnimation速度控制函数
    • 七CAAnimation动画代理方法
    • 八CALayer上动画的暂停和恢复
    • 九CAPropertyAnimation

核心动画01——简介

一、Core Animation简介

  1. Core Animation,中文翻译为 核心动画 ,它是一组非常强大的动画处理API,使用它能做出非常炫丽的动画效果,而且往往是事半功倍。也就是说,使用少量的代码就可以实现非常强大的功能。

  2. Core Animation可以用在 Mac OS X和iOS 平台。

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

  4. 要注意的是,Core Animation是直接作用在 CALayer上的,并非UIView


二、核心动画继承结构

这里写图片描述

  1. 核心动画中所有类都遵守CAMediaTiming

  2. CAAnaimation是个抽象类,不具备动画效果,必须用它的子类才有动画效果

  3. CAAnimationGroup和CATransition才有动画效果,

  4. CAAnimationGroup是个动画组,可以同时进行缩放,旋转。

  5. CATransition是转场动画,界面之间跳转都可以用转场动画。

  6. CAPropertyAnimation也是个抽象类,本身不具备动画效果,只有子类CABasicAnimation和CAKeyframeAnimation才有.

  7. CABasicAnimation基本动画,做一些简单效果

  8. CAKeyframeAnimation帧动画,做一些连续的流畅的动画


三、Core Animation的使用步骤

如果不是 xcode5 之后的版本,使用它需要先添加QuartzCore.framework和引入对应的框架 <QuartzCore/QuartzCore.h>

开发步骤

1.首先得有CALayer
2.初始化一个CAAnimation对象,并设置一些动画相关属性
3.通过调用CALayer的addAnimation:forKey:方法,增加CAAnimation对象到CALayer中,这样就能开始执行动画了
4.通过调用CALayer的removeAnimationForKey:方法可以停止CALayer中的动画


四、CAAnimation——简介

CAAnimation是所有动画对象的父类,负责控制动画的持续时间和速度,是个抽象类,不能直接使用,应该使用它具体的子类

属性说明:(倾斜的代表来自CAMediaTiming协议的属性)

duration:动画的持续时间

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

repeatDuration:重复时间

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

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

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

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

delegate:动画代理


五、CAAnimation——动画填充模式

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

fillMode属性值 说明 kCAFillModeRemoved 这个是默认值,也就是说当动画开始前和动画结束后,动画对layer都没有影响,动画结束后,layer会恢复到之前的状态 kCAFillModeForwards 当动画结束后,layer会一直保持着动画最后的状态 kCAFillModeBackwards 在动画开始前,只需要将动画加入了一个layer,layer便立即进入动画的初始状态并等待动画开始。 kCAFillModeBoth 这个其实就是上面两个的合成.动画加入后开始之前,layer便处于动画初始状态,动画结束后layer保持动画最后的状态

六、CAAnimation——速度控制函数

速度控制函数(CAMediaTimingFunction)

  1. kCAMediaTimingFunctionLinear(线性):匀速,给你一个相对静态的感觉

  2. kCAMediaTimingFunctionEaseIn(渐进):动画缓慢进入,然后加速离开

  3. kCAMediaTimingFunctionEaseOut(渐出):动画全速进入,然后减速的到达目的地

  4. kCAMediaTimingFunctionEaseInEaseOut(渐进渐出):动画缓慢的进入,中间加速,然后减速的到达目的地。这个是默认的动画行为。


七、CAAnimation——动画代理方法

CAAnimation在分类中定义了代理方法

/* Delegate methods for CAAnimation. */@protocol CAAnimationDelegate <NSObject>@optional/* Called when the animation begins its active duration. */- (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

八、CALayer上动画的暂停和恢复

#pragma mark 暂停CALayer的动画-(void)pauseLayer:(CALayer*)layer{    CFTimeInterval pausedTime = [layer convertTime:CACurrentMediaTime() fromLayer:nil];    // 让CALayer的时间停止走动      layer.speed = 0.0;    // 让CALayer的时间停留在pausedTime这个时刻    layer.timeOffset = pausedTime;}
#pragma mark 恢复CALayer的动画-(void)resumeLayer:(CALayer*)layer{    CFTimeInterval pausedTime = layer.timeOffset;    // 1. 让CALayer的时间继续行走      layer.speed = 1.0;    // 2. 取消上次记录的停留时刻      layer.timeOffset = 0.0;    // 3. 取消上次设置的时间      layer.beginTime = 0.0;        // 4. 计算暂停的时间(这里也可以用CACurrentMediaTime()-pausedTime)    CFTimeInterval timeSincePause = [layer convertTime:CACurrentMediaTime() fromLayer:nil] - pausedTime;    // 5. 设置相对于父坐标系的开始时间(往后退timeSincePause)      layer.beginTime = timeSincePause;}

九、CAPropertyAnimation

CAPropertyAnimation是CAAnimation的子类,也是个抽象类,要想创建动画对象,应该使用它的两个子类:

CABasicAnimationCAKeyframeAnimation

属性说明:
keyPath:通过指定CALayer的一个属性名称为keyPath(NSString类型),并且对CALayer的这个属性的值进行修改,达到相应的动画效果。比如,指定@“position”为keyPath,就修改CALayer的position属性的值,以达到平移的动画效果

原创粉丝点击