iOS开发概述 - 15.核心动画概述(Core Animation)

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:可以用来设置动画延迟执行时间,若想延迟2s,就设置为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——动画代理方法

  • 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. */
// 动画结束或者动画被移除出添加到的图层,flag为真,代表动画执行到结束时并未被从图层上移除
- (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag;
@end

8.CALayer上动画的暂停和恢复

  • 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;
}
  • CALayer上动画的恢复
#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;
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值