30多个iOS常用动画，带详细注释
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
|
//// CoreAnimationEffect.h// CoreAnimationEffect//// Created by VincentXue on 13-1-19.// Copyright (c) 2013年 VincentXue. All rights reserved.//#import <Foundation/Foundation.h>/** ! 导入QuartzCore.framework * * Example: * * Step.1 * * #import "CoreAnimationEffect.h" * * Step.2 * * [CoreAnimationEffect animationMoveLeft:your view]; * */@interface CoreAnimationEffect : NSObject#pragma mark - Custom Animation/** * @brief 快速构建一个你自定义的动画,有以下参数供你设置. * * @note 调用系统预置Type需要在调用类引入下句 * * #import <QuartzCore/QuartzCore.h> * * @param type 动画过渡类型 * @param subType 动画过渡方向(子类型) * @param duration 动画持续时间 * @param timingFunction 动画定时函数属性 * @param theView 需要添加动画的view. * * */+ (void)showAnimationType:(NSString *)type withSubType:(NSString *)subType duration:(CFTimeInterval)duration timingFunction:(NSString *)timingFunction view:(UIView *)theView;#pragma mark - Preset Animation/** * 下面是一些常用的动画效果 */// reveal+ (void)animationRevealFromBottom:(UIView *)view;+ (void)animationRevealFromTop:(UIView *)view;+ (void)animationRevealFromLeft:(UIView *)view;+ (void)animationRevealFromRight:(UIView *)view;// 渐隐渐消+ (void)animationEaseIn:(UIView *)view;+ (void)animationEaseOut:(UIView *)view;// 翻转+ (void)animationFlipFromLeft:(UIView *)view;+ (void)animationFlipFromRigh:(UIView *)view;// 翻页+ (void)animationCurlUp:(UIView *)view;+ (void)animationCurlDown:(UIView *)view;// push+ (void)animationPushUp:(UIView *)view;+ (void)animationPushDown:(UIView *)view;+ (void)animationPushLeft:(UIView *)view;+ (void)animationPushRight:(UIView *)view;// move+ (void)animationMoveUp:(UIView *)view duration:(CFTimeInterval)duration;+ (void)animationMoveDown:(UIView *)view duration:(CFTimeInterval)duration;+ (void)animationMoveLeft:(UIView *)view;+ (void)animationMoveRight:(UIView *)view;// 旋转缩放// 各种旋转缩放效果+ (void)animationRotateAndScaleEffects:(UIView *)view;// 旋转同时缩小放大效果+ (void)animationRotateAndScaleDownUp:(UIView *)view;#pragma mark - Private API/** * 下面动画里用到的某些属性在当前API里是不合法的,但是也可以用. */+ (void)animationFlipFromTop:(UIView *)view;+ (void)animationFlipFromBottom:(UIView *)view;+ (void)animationCubeFromLeft:(UIView *)view;+ (void)animationCubeFromRight:(UIView *)view;+ (void)animationCubeFromTop:(UIView *)view;+ (void)animationCubeFromBottom:(UIView *)view;+ (void)animationSuckEffect:(UIView *)view;+ (void)animationRippleEffect:(UIView *)view;+ (void)animationCameraOpen:(UIView *)view;+ (void)animationCameraClose:(UIView *)view;@end//// CoreAnimationEffect.m// CoreAnimationEffect//// Created by VincentXue on 13-1-19.// Copyright (c) 2013年 VincentXue. All rights reserved.//#import "CoreAnimationEffect.h"#import <QuartzCore/QuartzCore.h>@implementation CoreAnimationEffect/** * 首先推荐一个不错的网站. http://www.raywenderlich.com */#pragma mark - Custom Animation+ (void)showAnimationType:(NSString *)type withSubType:(NSString *)subType duration:(CFTimeInterval)duration timingFunction:(NSString *)timingFunction view:(UIView *)theView{ /** CATransition * * * CATransition 常用设置及属性注解如下: */ CATransition *animation = [CATransition animation]; /** delegate * * 动画的代理,如果你想在动画开始和结束的时候做一些事,可以设置此属性,它会自动回调两个代理方法. * * @see CAAnimationDelegate (按下command键点击) */ animation.delegate = self; /** duration * * 动画持续时间 */ animation.duration = duration; /** timingFunction * * 用于变化起点和终点之间的插值计算,形象点说它决定了动画运行的节奏,比如是均匀变化(相同时间变化量相同)还是 * 先快后慢,先慢后快还是先慢再快再慢. * * 动画的开始与结束的快慢,有五个预置分别为(下同): * kCAMediaTimingFunctionLinear 线性,即匀速 * kCAMediaTimingFunctionEaseIn 先慢后快 * kCAMediaTimingFunctionEaseOut 先快后慢 * kCAMediaTimingFunctionEaseInEaseOut 先慢后快再慢 * kCAMediaTimingFunctionDefault 实际效果是动画中间比较快. */ /** timingFunction * * 当上面的预置不能满足你的需求的时候,你可以使用下面的两个方法来自定义你的timingFunction * 具体参见下面的URL * * @see http://developer.apple.com/library/ios/#documentation/Cocoa/Reference/CAMediaTimingFunction_class/Introduction/Introduction.html * * + (id)functionWithControlPoints:(float)c1x :(float)c1y :(float)c2x :(float)c2y; * * - (id)initWithControlPoints:(float)c1x :(float)c1y :(float)c2x :(float)c2y; */ animation.timingFunction = [CAMediaTimingFunction functionWithName:timingFunction]; /** fillMode * * 决定当前对象过了非active时间段的行为,比如动画开始之前,动画结束之后. * 预置为: * kCAFillModeRemoved 默认,当动画开始前和动画结束后,动画对layer都没有影响,动画结束后,layer会恢复到之前的状态 * kCAFillModeForwards 当动画结束后,layer会一直保持着动画最后的状态 * kCAFillModeBackwards 和kCAFillModeForwards相对,具体参考上面的URL * kCAFillModeBoth kCAFillModeForwards和kCAFillModeBackwards在一起的效果 */ animation.fillMode = kCAFillModeForwards; /** removedOnCompletion * * 这个属性默认为YES.一般情况下,不需要设置这个属性. * * 但如果是CAAnimation动画,并且需要设置 fillMode 属性,那么需要将 removedOnCompletion 设置为NO,否则 * fillMode无效 */ // animation.removedOnCompletion = NO; /** type * * 各种动画效果 其中除了'fade', `moveIn', `push' , `reveal' ,其他属于似有的API(我是这么认为的,可以点进去看下注释). * ↑↑↑上面四个可以分别使用'kCATransitionFade', 'kCATransitionMoveIn', 'kCATransitionPush', 'kCATransitionReveal'来调用. * @"cube" 立方体翻滚效果 * @"moveIn" 新视图移到旧视图上面 * @"reveal" 显露效果(将旧视图移开,显示下面的新视图) * @"fade" 交叉淡化过渡(不支持过渡方向) (默认为此效果) * @"pageCurl" 向上翻一页 * @"pageUnCurl" 向下翻一页 * @"suckEffect" 收缩效果，类似系统最小化窗口时的神奇效果(不支持过渡方向) * @"rippleEffect" 滴水效果,(不支持过渡方向) * @"oglFlip" 上下左右翻转效果 * @"rotate" 旋转效果 * @"push" * @"cameraIrisHollowOpen" 相机镜头打开效果(不支持过渡方向) * @"cameraIrisHollowClose" 相机镜头关上效果(不支持过渡方向) */ /** type * * kCATransitionFade 交叉淡化过渡 * kCATransitionMoveIn 新视图移到旧视图上面 * kCATransitionPush 新视图把旧视图推出去 * kCATransitionReveal 将旧视图移开,显示下面的新视图 */ animation.type = type; /** subtype * * 各种动画方向 * * kCATransitionFromRight; 同字面意思(下同) * kCATransitionFromLeft; * kCATransitionFromTop; * kCATransitionFromBottom; */ /** subtype * * 当type为@"rotate"(旋转)的时候,它也有几个对应的subtype,分别为: * 90cw 逆时针旋转90° * 90ccw 顺时针旋转90° * 180cw 逆时针旋转180° * 180ccw 顺时针旋转180° */ /** * type与subtype的对应关系(必看),如果对应错误,动画不会显现. * */ animation.subtype = subType; /** * 所有核心动画和特效都是基于CAAnimation,而CAAnimation是作用于CALayer的.所以把动画添加到layer上. * forKey 可以是任意字符串. */ [theView.layer addAnimation:animation forKey:nil];}#pragma mark - Preset Animation+ (void)animationRevealFromBottom:(UIView *)view{ CATransition *animation = [CATransition animation]; [animation setDuration:0.35f]; [animation setType:kCATransitionReveal]; [animation setSubtype:kCATransitionFromBottom]; [animation setFillMode:kCAFillModeForwards]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn]]; [view.layer addAnimation:animation forKey:nil];}+ (void)animationRevealFromTop:(UIView *)view{ CATransition *animation = [CATransition animation]; [animation setDuration:0.35f]; [animation setType:kCATransitionReveal]; [animation setSubtype:kCATransitionFromTop]; [animation setFillMode:kCAFillModeForwards]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut]]; [view.layer addAnimation:animation forKey:nil];}+ (void)animationRevealFromLeft:(UIView *)view{ CATransition *animation = [CATransition animation]; [animation setDuration:0.35f]; [animation setType:kCATransitionReveal]; [animation setSubtype:kCATransitionFromLeft]; [animation setFillMode:kCAFillModeForwards]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]]; [view.layer addAnimation:animation forKey:nil];}+ (void)animationRevealFromRight:(UIView *)view{ CATransition *animation = [CATransition animation]; [animation setDuration:0.35f]; [animation setType:kCATransitionReveal]; [animation setSubtype:kCATransitionFromRight]; [animation setFillMode:kCAFillModeForwards]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]]; [view.layer addAnimation:animation forKey:nil];}+ (void)animationEaseIn:(UIView *)view{ CATransition *animation = [CATransition animation]; [animation setDuration:0.35f]; [animation setType:kCATransitionFade]; [animation setFillMode:kCAFillModeForwards]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn]]; [view.layer addAnimation:animation forKey:nil];}+ (void)animationEaseOut:(UIView *)view{ CATransition *animation = [CATransition animation]; [animation setDuration:0.35f]; [animation setType:kCATransitionFade]; [animation setFillMode:kCAFillModeForwards]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut]]; [view.layer addAnimation:animation forKey:nil];}/** * UIViewAnimation * * * @brief UIView动画应该是最简单便捷创建动画的方式了,详解请猛戳URL. * * @method beginAnimations:context 第一个参数用来作为动画的标识,第二个参数给代理代理传递消息.至于为什么一个使用 * nil而另外一个使用NULL,是因为第一个参数是一个对象指针,而第二个参数是基本数据类型. * @method setAnimationCurve: 设置动画的加速或减速的方式(速度) * @method setAnimationDuration: 动画持续时间 * @method setAnimationTransition:forView:cache: 第一个参数定义动画类型，第二个参数是当前视图对象，第三个参数是是否使用缓冲区 * @method commitAnimations 动画结束 */+ (void)animationFlipFromLeft:(UIView *)view{ [UIView beginAnimations:nil context:NULL]; [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut]; [UIView setAnimationDuration:0.35f]; [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromLeft forView:view cache:NO]; [UIView commitAnimations];}+ (void)animationFlipFromRigh:(UIView *)view{ [UIView beginAnimations:nil context:NULL]; [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut]; [UIView setAnimationDuration:0.35f]; [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:view cache:NO]; [UIView commitAnimations];}+ (void)animationCurlUp:(UIView *)view{ [UIView beginAnimations:nil context:NULL]; [UIView setAnimationCurve:UIViewAnimationCurveEaseOut]; [UIView setAnimationDuration:0.35f]; [UIView setAnimationTransition:UIViewAnimationTransitionCurlUp forView:view cache:NO]; [UIView commitAnimations];}+ (void)animationCurlDown:(UIView *)view{ [UIView beginAnimations:nil context:NULL]; [UIView setAnimationCurve:UIViewAnimationCurveEaseIn]; [UIView setAnimationDuration:0.35f]; [UIView setAnimationTransition:UIViewAnimationTransitionCurlDown forView:view cache:NO]; [UIView commitAnimations];}+ (void)animationPushUp:(UIView *)view{ CATransition *animation = [CATransition animation]; [animation setDuration:0.35f]; [animation setFillMode:kCAFillModeForwards]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut]]; [animation setType:kCATransitionPush]; [animation setSubtype:kCATransitionFromTop]; [view.layer addAnimation:animation forKey:nil];}+ (void)animationPushDown:(UIView *)view{ CATransition *animation = [CATransition animation]; [animation setDuration:0.35f]; [animation setFillMode:kCAFillModeForwards]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut]]; [animation setType:kCATransitionPush]; [animation setSubtype:kCATransitionFromBottom]; [view.layer addAnimation:animation forKey:nil];}+ (void)animationPushLeft:(UIView *)view{ CATransition *animation = [CATransition animation]; [animation setDuration:0.35f]; [animation setFillMode:kCAFillModeForwards]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut]]; [animation setType:kCATransitionPush]; [animation setSubtype:kCATransitionFromLeft]; [view.layer addAnimation:animation forKey:nil];}+ (void)animationPushRight:(UIView *)view{ CATransition *animation = [CATransition animation]; [animation setDuration:0.35f]; [animation setFillMode:kCAFillModeForwards]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut]]; [animation setType:kCATransitionPush]; [animation setSubtype:kCATransitionFromRight]; [view.layer addAnimation:animation forKey:nil];}// presentModalViewController+ (void)animationMoveUp:(UIView *)view duration:(CFTimeInterval)duration{ CATransition *animation = [CATransition animation]; [animation setDuration:duration]; [animation setFillMode:kCAFillModeForwards]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]]; [animation setType:kCATransitionMoveIn]; [animation setSubtype:kCATransitionFromTop]; [view.layer addAnimation:animation forKey:nil];}// dissModalViewController+ (void)animationMoveDown:(UIView *)view duration:(CFTimeInterval)duration{ CATransition *transition = [CATransition animation]; transition.duration =0.4; transition.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]; transition.type = kCATransitionReveal; transition.subtype = kCATransitionFromBottom; [view.layer addAnimation:transition forKey:nil];}+ (void)animationMoveLeft:(UIView *)view{ CATransition *animation = [CATransition animation]; [animation setDuration:0.35f]; [animation setFillMode:kCAFillModeForwards]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut]]; [animation setType:kCATransitionMoveIn]; [animation setSubtype:kCATransitionFromLeft]; [view.layer addAnimation:animation forKey:nil];}+ (void)animationMoveRight:(UIView *)view{ CATransition *animation = [CATransition animation]; [animation setDuration:0.35f]; [animation setFillMode:kCAFillModeForwards]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut]]; [animation setType:kCATransitionMoveIn]; [animation setSubtype:kCATransitionFromRight]; [view.layer addAnimation:animation forKey:nil];}+(void)animationRotateAndScaleEffects:(UIView *)view{ [UIView animateWithDuration:0.35f animations:^ { /** * * @param transform 形变属性(结构体),可以利用这个属性去对view做一些翻转或者缩放.详解请猛戳↑URL. * * @method valueWithCATransform3D: 此方法需要一个CATransform3D的结构体.一些非详细的讲解可以看下面的URL * * */ view.transform = CGAffineTransformMakeScale(0.001, 0.001); CABasicAnimation *animation = [CABasicAnimation animationWithKeyPath:@"transform"]; // 向右旋转45°缩小到最小,然后再从小到大推出. animation.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI, 0.70, 0.40, 0.80)]; /** * 其他效果: * 从底部向上收缩一半后弹出 * animation.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI, 0.0, 1.0, 0.0)]; * * 从底部向上完全收缩后弹出 * animation.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI, 1.0, 0.0, 0.0)]; * * 左旋转45°缩小到最小,然后再从小到大推出. * animation.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI, 0.50, -0.50, 0.50)]; * * 旋转180°缩小到最小,然后再从小到大推出. * animation.toValue = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI, 0.1, 0.2, 0.2)]; */ animation.duration = 0.45; animation.repeatCount = 1; [view.layer addAnimation:animation forKey:nil]; } completion:^(BOOL finished) { [UIView animateWithDuration:0.35f animations:^ { view.transform = CGAffineTransformMakeScale(1.0, 1.0); }]; }];}/** CABasicAnimation * * @see https://developer.apple.com/library/mac/#documentation/cocoa/conceptual/CoreAnimation_guide/Articles/KVCAdditions.html * * @brief 便利构造函数 animationWithKeyPath: KeyPath需要一个字符串类型的参数,实际上是一个 * 键-值编码协议的扩展,参数必须是CALayer的某一项属性,你的代码会对应的去改变该属性的效果 * 具体可以填写什么请参考上面的URL,切勿乱填! * 例如这里填写的是 @"transform.rotation.z" 意思就是围绕z轴旋转,旋转的单位是弧度. * 这个动画的效果是把view旋转到最小,再旋转回来. * 你也可以填写@"opacity" 去修改透明度...以此类推.修改layer的属性,可以用这个类. * * @param toValue 动画结束的值.CABasicAnimation自己只有三个属性(都很重要)(其他属性是继承来的),分别为: * fromValue(开始值), toValue(结束值), byValue(偏移值), ! 这三个属性最多只能同时设置两个; * 他们之间的关系如下: * 如果同时设置了fromValue和toValue,那么动画就会从fromValue过渡到toValue; * 如果同时设置了fromValue和byValue,那么动画就会从fromValue过渡到fromValue + byValue; * 如果同时设置了byValue 和toValue,那么动画就会从toValue - byValue过渡到toValue; * * 如果只设置了fromValue,那么动画就会从fromValue过渡到当前的value; * 如果只设置了toValue ,那么动画就会从当前的value过渡到toValue; * 如果只设置了byValue ,那么动画就会从从当前的value过渡到当前value + byValue. * * 可以这么理解,当你设置了三个中的一个或多个,系统就会根据以上规则使用插值算法计算出一个时间差并 * 同时开启一个Timer.Timer的间隔也就是这个时间差,通过这个Timer去不停地刷新keyPath的值. ! 而实际上,keyPath的值(layer的属性)在动画运行这一过程中,是没有任何变化的,它只是调用了GPU去 * 完成这些显示效果而已. * 在这个动画里,是设置了要旋转到的弧度,根据以上规则,动画将会从它当前的弧度专旋转到我设置的弧度. * * @param duration 动画持续时间 * * @param timingFunction 动画起点和终点之间的插值计算,也就是说它决定了动画运行的节奏,是快还是慢,还是先快后慢... *//** CAAnimationGroup * * @brief 顾名思义,这是一个动画组,它允许多个动画组合在一起并行显示.比如这里设置了两个动画, * 把他们加在动画组里,一起显示.例如你有几个动画,在动画执行的过程中需要同时修改动画的某些属性, * 这时候就可以使用CAAnimationGroup. * * @param duration 动画持续时间,值得一提的是,如果添加到group里的子动画不设置此属性,group里的duration会统一 * 设置动画(包括子动画)的duration属性;但是如果子动画设置了duration属性,那么group的duration属性 * 的值不应该小于每个子动画中duration属性的值,否则会造成子动画显示不全就停止了动画. * * @param autoreverses 动画完成后自动重新开始,默认为NO. * * @param repeatCount 动画重复次数,默认为0. * * @param animations 动画组(数组类型),把需要同时运行的动画加到这个数组里. * * @note addAnimation:forKey 这个方法的forKey参数是一个字符串,这个字符串可以随意设置. * * @note 如果你需要在动画group执行结束后保存动画效果的话,设置 fillMode 属性,并且把 * removedOnCompletion 设置为NO; */+ (void)animationRotateAndScaleDownUp:(UIView *)view{ CABasicAnimation *rotationAnimation = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"]; rotationAnimation.toValue = [NSNumber numberWithFloat:(2 * M_PI) * 2]; rotationAnimation.duration = 0.35f; rotationAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]; CABasicAnimation *scaleAnimation = [CABasicAnimation animationWithKeyPath:@"transform.scale"]; scaleAnimation.toValue = [NSNumber numberWithFloat:0.0]; scaleAnimation.duration = 0.35f; scaleAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut]; CAAnimationGroup *animationGroup = [CAAnimationGroup animation]; animationGroup.duration = 0.35f; animationGroup.autoreverses = YES; animationGroup.repeatCount = 1; animationGroup.animations =[NSArray arrayWithObjects:rotationAnimation, scaleAnimation, nil]; [view.layer addAnimation:animationGroup forKey:@"animationGroup"];}#pragma mark - Private API+ (void)animationFlipFromTop:(UIView *)view{ CATransition *animation = [CATransition animation]; [animation setDuration:0.35f]; [animation setFillMode:kCAFillModeForwards]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut]]; [animation setType:@"oglFlip"]; [animation setSubtype:@"fromTop"]; [view.layer addAnimation:animation forKey:nil];}+ (void)animationFlipFromBottom:(UIView *)view{ CATransition *animation = [CATransition animation]; [animation setDuration:0.35f]; [animation setFillMode:kCAFillModeForwards]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut]]; [animation setType:@"oglFlip"]; [animation setSubtype:@"fromBottom"]; [view.layer addAnimation:animation forKey:nil];}+ (void)animationCubeFromLeft:(UIView *)view{ CATransition *animation = [CATransition animation]; [animation setDuration:0.35f]; [animation setFillMode:kCAFillModeForwards]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut]]; [animation setType:@"cube"]; [animation setSubtype:@"fromLeft"]; [view.layer addAnimation:animation forKey:nil];}+ (void)animationCubeFromRight:(UIView *)view{ CATransition *animation = [CATransition animation]; [animation setDuration:0.35f]; [animation setFillMode:kCAFillModeForwards]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut]]; [animation setType:@"cube"]; [animation setSubtype:@"fromRight"]; [view.layer addAnimation:animation forKey:nil];}+ (void)animationCubeFromTop:(UIView *)view{ CATransition *animation = [CATransition animation]; [animation setDuration:0.35f]; [animation setFillMode:kCAFillModeForwards]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut]]; [animation setType:@"cube"]; [animation setSubtype:@"fromTop"]; [view.layer addAnimation:animation forKey:nil];}+ (void)animationCubeFromBottom:(UIView *)view{ CATransition *animation = [CATransition animation]; [animation setDuration:0.35f]; [animation setFillMode:kCAFillModeForwards]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut]]; [animation setType:@"cube"]; [animation setSubtype:@"fromBottom"]; [view.layer addAnimation:animation forKey:nil];}+ (void)animationSuckEffect:(UIView *)view{ CATransition *animation = [CATransition animation]; [animation setDuration:0.35f]; [animation setFillMode:kCAFillModeForwards]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut]]; [animation setType:@"suckEffect"]; [view.layer addAnimation:animation forKey:nil];}+ (void)animationRippleEffect:(UIView *)view{ CATransition *animation = [CATransition animation]; [animation setDuration:0.35f]; [animation setFillMode:kCAFillModeForwards]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut]]; [animation setType:@"rippleEffect"]; [view.layer addAnimation:animation forKey:nil];}+ (void)animationCameraOpen:(UIView *)view{ CATransition *animation = [CATransition animation]; [animation setDuration:0.35f]; [animation setFillMode:kCAFillModeForwards]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut]]; [animation setType:@"cameraIrisHollowOpen"]; [animation setSubtype:@"fromRight"]; [view.layer addAnimation:animation forKey:nil];}+ (void)animationCameraClose:(UIView *)view{ CATransition *animation = [CATransition animation]; [animation setDuration:0.35f]; [animation setFillMode:kCAFillModeForwards]; [animation setTimingFunction:[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseOut]]; [animation setType:@"cameraIrisHollowClose"]; [animation setSubtype:@"fromRight"]; [view.layer addAnimation:animation forKey:nil];}@end |