iOS开发——动画编程OC篇&（五）动画组

一：组动画简单说明

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

属性解析：

animations：用来保存一组动画对象的NSArray

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

二：分组动画代码示例

代码：

 1 #import "YYViewController.h"
 2  3 @interface YYViewController ()  4 @property (weak, nonatomic) IBOutlet UIView *iconView;  5  6 @end  7  8 @implementation NJViewController  9 10 - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event 11 { 12 13 // 平移动画 14 CABasicAnimation *a1 = [CABasicAnimation animation]; 15 a1.keyPath = @"transform.translation.y"; 16 a1.toValue = @(100); 17 // 缩放动画 18 CABasicAnimation *a2 = [CABasicAnimation animation]; 19 a2.keyPath = @"transform.scale"; 20 a2.toValue = @(0.0); 21 // 旋转动画 22 CABasicAnimation *a3 = [CABasicAnimation animation]; 23 a3.keyPath = @"transform.rotation"; 24 a3.toValue = @(M_PI_2); 25 26 // 组动画 27 CAAnimationGroup *groupAnima = [CAAnimationGroup animation]; 28 29 groupAnima.animations = @[a1, a2, a3]; 30 31 //设置组动画的时间 32 groupAnima.duration = 2; 33 groupAnima.fillMode = kCAFillModeForwards; 34 groupAnima.removedOnCompletion = NO; 35 36  [self.iconView.layer addAnimation:groupAnima forKey:nil]; 37 } 38 39 @end

说明：平移-旋转-缩放作为一组动画一起执行。

执行效果：

 

 1 /*
 2  本次演练使用自定义视图的方式，动画的触发方式以手势识别来触发
 3  
 4  1. 指定点平移动画
 5  2. 路径平移动画
 6  3. 贝塞尔曲线路径动画
 7  4. 摇晃动画
 8  */
 9 - (void)viewDidLoad
10 {
11     [super viewDidLoad];
12     
13     // 实例化动画视图
14     AnimationView *view = [[AnimationView alloc]initWithFrame:CGRectMake(50, 50, 100, 100)];
15     [self.view addSubview:view];
16     self.myView = view;
17     
18     // 给myView 添加一个image
19     UIImage *image = [UIImage imageNamed:@"头像1.png"];
20     UIImageView *imageView = [[UIImageView alloc]initWithFrame:view.bounds];
21     [imageView setImage:image];
22     [view addSubview:imageView];
23     
24     // 给myView 添加一个button
25     UIButton *button = [UIButton buttonWithType:UIButtonTypeRoundedRect];
26     [button setFrame:CGRectMake(10, 30, 80, 40)];
27     [button setTitle:@"hello" forState:UIControlStateNormal];
28     [view addSubview:button];
29     
30     // 手势识别监听
31     UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tapAction:)];
32     [self.view addGestureRecognizer:tap];
33     
34     // 长按手势监听
35     UILongPressGestureRecognizer *longPress = [[UILongPressGestureRecognizer alloc]initWithTarget:self action:@selector(longTapAction:)];
36     [self.myView addGestureRecognizer:longPress];
37 }
38 
39 #pragma mark - 动画代理方法
40 - (void)animationDidStop:(CAAnimation *)anim finished:(BOOL)flag
41 {
42     // 取出动画类型
43     NSString *type = [anim valueForKey:@"animationType"];
44     
45     if ([type isEqualToString:@"translationTo"]) {
46         // 取出目标点 并 设置self.center
47         self.myView.center = [[anim valueForKey:@"targetPoint"]CGPointValue];
48     }
49 }
50 
51 #pragma mark - 手势识别监听方法
52 - (void)longTapAction:(UILongPressGestureRecognizer *)recognizer
53 {
54 //    [(AnimationView *)recognizer.view shakeAnimation];
55     CAKeyframeAnimation *anim = [AnimationView shakeAnimation];
56     
57     [self.myView.layer addAnimation:anim forKey:nil];
58 }
59 
60 - (void)tapAction:(UITapGestureRecognizer *)recognizer
61 {
62     // 取出手势的触摸点
63     CGPoint location = [recognizer locationInView:self.view];
64 
65     // 1. 实例化动画组
66     CAAnimationGroup *group = [[CAAnimationGroup alloc]init];
67     
68     CFTimeInterval duration = 2.0;
69     
70     // 2. 定义动画组中的动画
71 //    CAKeyframeAnimation *anim1 = [AnimationView moveRectWithDuration:duration from:self.myView.center to:location];
72     CAKeyframeAnimation *anim1 = [AnimationView moveWithDuration:duration from:self.myView.center to:location controlPointCount:4];
73     CABasicAnimation *anim2 = [AnimationView rotationWithDuration:duration from:0.0 to:2 * M_PI];
74     
75     CABasicAnimation *scale = [AnimationView scaleWithDuration:duration from:2.0 to:0.5];
76     CABasicAnimation *opacity = [AnimationView opacityWithDuration:duration from:0.1 to:1.0];
77     
78     // 3. 将定义的动画添加到动画组
79     [group setAnimations:@[anim1, anim2, scale, opacity]];
80     
81     // 定义动画组执行的时间长度
82     [group setDuration:duration];
83     
84     // 5) 设置键值记录目标位置，以便动画结束后，修正位置
85     // 并不是所有的动画方法都需要设置目标点
86     [group setValue:@"translationTo" forKey:@"animationType"];
87     [group setValue:[NSValue valueWithCGPoint:location] forKey:@"targetPoint"];
88     [group setDelegate:self];
89     
90     // 4. 将动画组添加到视图的图层
91     [self.myView.layer addAnimation:group forKey:nil];
92 }