CoreAnimation-07-CAAnimationGroup

概述


  • 简介
    • CAAnimationGroup又称组动画或动画组
    • 将多个动画放到动画组中,并赋值给layer的animations属性,动画组中所有动画就会并发执行
  • 注意事项
    • 动画组中的动画不会被压缩,超出动画时长的部分将会被剪掉
    • 动画组中的动画的delegate与removedOnCompletion属性将会被忽略
    • 由于忽略了removedOnCompletion属性,动画结束layer会恢复到动画前的状态

CAAnimationGroup唯一的属性


  • animations(NSArray<CAAnimation >
    • 存放并发执行的所有动画
    • 数组元素为CAAnimation的子类

示例


  • 效果图

    783575-20150901083408794-19106127.gif

  • 实现思路
    • 创建动画组对象group
    • 创建多个CABasicAnimation对象,分别作用与不通过的属性
    • 将多个基本动画对象赋值给group的animations属性
    • 将动画组添加到要执行动画的图层上
    • 通过隐式动画改变图层的背景颜色
  • 实现步骤
    • 通过storyboard创建UIView控件,并拥有它,修改它的class属性为自定义的UIView的子类
    @property (weak, nonatomic) IBOutlet UIView *redView;
    • 创建动画组
    //创建动画组对象
    CAAnimationGroup *group = [CAAnimationGroup animation];
    //设置动画组的执行时间
    group.duration = 1.0;
    
    //创建基本动画对象,用来进行缩放
    CABasicAnimation *scale = [CABasicAnimation animation];
    scale.keyPath = @"transform.scale";
    scale.fromValue = @1.0;
    scale.toValue = @0.5;
    
    //创建基本动画对象,用来进行旋转
    CABasicAnimation *rotation = [CABasicAnimation animation];
    rotation.keyPath = @"transform.rotation";
    rotation.toValue = @(arc4random_uniform(M_PI * 2));
    
    //创建基本动画对象,用来修改位置
    CABasicAnimation *position = [CABasicAnimation animation];
    position.keyPath = @"position";
    position.toValue = [NSValue valueWithCGPoint:CGPointMake(arc4random_uniform(200) + 20, arc4random_uniform(200) + 20)];
    
    //将基本动画添加到动画组中
    group.animations = @[scale, rotation, position];
    • 将动画组添加到要执行动画的图层上
    [self.redView.layer addAnimation:group forKey:nil];
    • 通过隐式动画改变layer的背景色
    self.redView.layer.backgroundColor = [self randomColor].CGColor;
    • 实现返回随机颜色的方法
    //返回随机颜色
    - (UIColor *)randomColor
    {
        return [UIColor colorWithRed:arc4random_uniform(255) / 255.0 green:arc4random_uniform(255) / 255.0 blue:arc4random_uniform(255) / 255.0 alpha:1.0];
    }

转载于:https://www.cnblogs.com/theDesertIslandOutOfTheWorld/p/4774791.html

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值