iOS开发笔记>> Core Animation(核心动画)

41 篇文章 0 订阅
2 篇文章 0 订阅

Core Animation 是直接作用在 CALayer上的(并非 UIview 上)非常强大的跨 Mac OS X 和 iOS 平台的动画处理 API, Core Animation 的动画执行过程都是在后台操作的, 不会阻塞主线程. 


1. Core Animation 继承结构: 


2. 基本用法: 

使用步骤类似于手势识别: 

> 创建动画对象

> 设置动画属性

> 把动画对象添加到某个 CALayer 对象上

> 需要停止动画: 可以调用 remove 方法移除动画


3. 动画类型: 

> 基本动画(CABasicAnimation): 设定某个属性从某个值到某个值, 实现基本动画

是 CAPropectyAnimation 的子类


1) 属性说明: 

keyPath: 要改变的属性名称(传字符串)

fromValue: keyPath相应属性的初始值

toValue: keyPath相应属性的结束值


2) 动画过程说明:

随着动画的进行, 在长度为 duration 的持续时间内, ketPath 相应属性的值从 fromValue 渐渐地变为 toValue

keyPath 内容是 CALayer 的可动画 Animatable 属性

如果 fillMode = kCAFillModeForwards 同时 removedOnComletion = NO, 那么在动画执行完毕后, 图层会保持显示动画执行后的状态. 但实质上, 图层的属性值还是动画执行前的初始值, 并没有真正被改变


> 属性动画: 设定某个属性的值, 可以实现属性动画


> 关键帧动画(CAKeyframeAnimation): 设定某个属性的值从某个值到某个值, 再到某个值. 积累的关键值挨着器做

也是 CAPropectyAnimation 的子类, 与 CABasicAnimation 的区别是: 

CABasicAnimation 只能从一个数值(fromValue)变到另一个数值(toValue), 而 CAKeyframeAnimation 会使用一个 NSArray 保存这些数值


代码演示: 

  // 先创建一个关键帧动画对象
    CAKeyframeAnimation *anim = [CAKeyframeAnimation animationWithKeyPath:@"position"];

    NSValue *p1 = [NSValue valueWithCGPoint:CGPointMake(50, 50)];
    NSValue *p2 = [NSValue valueWithCGPoint:CGPointMake(200, 50)];
    NSValue *p3 = [NSValue valueWithCGPoint:CGPointMake(50, 200)];
    NSValue *p4 = [NSValue valueWithCGPoint:CGPointMake(200, 200)];

    anim.values = @[p1, p2, p3, p4];

    anim.duration = 3;

    [self.demoView.layer addAnimation:anim forKey:nil];
 // 沿着椭圆进行转动
    // 设定动画的速率,默认是匀速的
    anim.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];

    UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(50, 50, 280, 170)];
    anim.path = path.CGPath;
    // 图标抖动的效果
    anim.values = @[@(-M_PI_4 * 0.3), @(M_PI_4 * 0.3), @(-M_PI_4 * 0.3)];

> 组动画(CAAnimationGroup): 把所有其他的动画添加到组里, 这样就可以按照添加的动画一次执行

是 CAAnimation 的子类, 可以保存一组动画对象, 将 CAAnimationGroup 对象加入层后, 组中所有动画对象可以同时并发运行

默认情况下, 一组动画对象是同时运行的, 也可以通过设置动画对象的 beginTime 属性来更改动画的开始时间


> 转场动画(CATransition): 从一个场景转换到另一个场景, 系统已经实现好了, 不需要我们再去写. 

CATransition 是 CAAnimation 的子类, 用于做转场动画, 能够为层提供移出屏幕和移入屏幕的动画效果. iOS 比 Mac OS X 的转场动画效果少一点

UINavgationController 就是通过 CATransition 实现了将控制器的视图推入屏幕的动画效果


代码演示: 

  // 1. 创建一个转场动画
  CATransition *transition = [[CATransition alloc] init];
  // 2. 设置转场动画的类型(转场方式)
  transition.type = @"cube";
  // 3. 把转场动画添加到对应的控件上
  [self.imgView.layer addAnimation:transition forKey:nil];
UIview 有个 block 方法也有个转场动画
 [UIView animationDuratin....]

  [UIView transitionWithView.....执行转场动画]
// 直接通过UIView的方式实现转场动画
  [UIView transitionWithView:self.imgView duration:0.8 options:UIViewAnimationOptionTransitionFlipFromTop animations:nil completion:nil];

4. 所有的动画都继承自 CAAnimation

CAAnimation 遵守了一个 CAMediaTiming 的协议. 

CAAnimation 里面有个 duration 属性.

CAAnimation 里面有个 timingFunction 属性

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值