iOS开发——动画编程OC篇&（一）基本动画

  1 /**
  2  自定义一个视图，监听手势点击操作，在手势触摸屏幕时，产生动画效果
  3  
  4  1. 缩放
  5  2. 旋转
  6  
  7  判断动画暂停和继续的原则：
  8  
  9  根据该动画是点缀动画（粒子效果）还是具有破坏性的动画（例如大招、飞刀、子弹等）
 10  
 11  如果是点缀动画，失去焦点时不需要暂停
 12  如果是破坏性动画，失去焦点时需要暂停
 13  
 14  3. 在本示例中，退出后台暂停动画，回到前台，继续动画
 15  
 16  基本动画简单小结
 17  1. 通过对CALayer的可动画属性进行修改，实现动画
 18  2. fromValue和toValue
 19  3. 动画使用的步骤：
 20     1> 实例化
 21     2> 定义属性
 22     3> 添加到图层
 23  
 24  注意点：
 25     1> 循环播放的动画，如果需要在恢复焦点后继续，一定将RemovedOnCompletion属性设置为NO
 26     2> 针对平移动画，需要在动画结束的代理方法中，调整对象的位置
 27     3> 如果要做无线循环动画，可以如下设置 [anim setRepeatCount:HUGE_VALF];
 28     4> 关于暂停和继续动画，可以参照代码
 29  */
 30 
 31 - (void)viewDidLoad
 32 {
 33     [super viewDidLoad];
 34 
 35     UIView *myView = [[UIView alloc]initWithFrame:CGRectMake(50, 50, 100, 100)];
 36     [myView setBackgroundColor:[UIColor redColor]];
 37     [self.view addSubview:myView];
 38     
 39     self.myView = myView;
 40 }
 41 
 42 #pragma mark - 触摸方法
 43 - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
 44 {
 45     // 判断myView是否已经开始旋转，如果已经旋转，就停止
 46     CAAnimation *anim = [self.myView.layer animationForKey:@"rotationAnim"];
 47     if (anim) {
 48         // 停动画
 49 //        [self.myView.layer removeAllAnimations];
 50         // 如果动画处于暂停，就继续，如果播放中就暂停
 51         // 可以根据myView.layer.speed来判断，speed == 0，暂停
 52         if (self.myView.layer.speed == 0.0) {
 53             [self resumeAnimation];
 54         } else {
 55             [self pauseAnimation];
 56         }
 57     } else {
 58         [self rotationAnimation];
 59     }
 60 }
 61 
 62 #pragma mark - 动画的暂停和恢复
 63 #pragma mark 动画暂停
 64 - (void)pauseAnimation
 65 {
 66     // 1. 取出当前的动画的时间点，就是要暂停的时间点
 67     CFTimeInterval pauseTime = [self.myView.layer convertTime:CACurrentMediaTime() fromLayer:nil];
 68     // 2. 设置动画的时间偏移量，指定时间偏移量的目的是让动画定格在该时间点
 69     [self.myView.layer setTimeOffset:pauseTime];
 70     
 71     // 3. 将动画的运行速度设置为0，动画默认的运行速度是1.0
 72     [self.myView.layer setSpeed:0.0];
 73 }
 74 
 75 #pragma mark 恢复动画
 76 - (void)resumeAnimation
 77 {
 78     // 1. 将动画的时间偏移量作为暂停时的时间点
 79     CFTimeInterval pauseTime = self.myView.layer.timeOffset;
 80     // 2. 根据媒体时间计算出准确的启动动画时间，对之前暂停动画的时间进行修正
 81     CFTimeInterval beginTime = CACurrentMediaTime() - pauseTime;
 82     
 83     // 3. 要把偏移时间清零
 84     [self.myView.layer setTimeOffset:0.0];
 85     // 4. 设置图层的开始动画时间
 86     [self.myView.layer setBeginTime:beginTime];
 87     
 88     [self.myView.layer setSpeed:1.0];
 89 }
 90 
 91 #pragma mark - 动画方法
 92 #pragma mark 旋转动画
 93 - (void)rotationAnimation
 94 {
 95     // 1. 实例化基本动画
 96     // 默认按照z轴旋转
 97     CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"transform.rotation.z"];
 98     
 99     [self.myView.layer setAnchorPoint:CGPointMake(0, 0)];
100     
101     // 2. 设置动画属性
102     // 不停的旋转
103     // 1) 旋转一周
104     [anim setToValue:@(2 * M_PI)];
105     // 2) 不停的旋转 - 动画循环播放
106     // HUGE_VALF 是一个非常大得浮点数，指定此数值可以认为动画无限循环
107     // MAXFLOAT 
108     [anim setRepeatCount:HUGE_VALF];
109     
110     [anim setDuration:0.5f];
111     
112     // 3) 动画完成时删除
113     // 对于循环播放的动画效果，一定要将removedOnCompletion设置为NO，否则无法恢复动画
114     [anim setRemovedOnCompletion:NO];
115     
116     // 3. 添加动画
117     // key可以随便指定，用于判断图层中是否存在该动画
118     [self.myView.layer addAnimation:anim forKey:@"rotationAnim"];
119 }
120 
121 #pragma mark 缩放动画
122 - (void)scaleAnimation
123 {
124     // 1. 实例化基本动画
125     CABasicAnimation *anim = [CABasicAnimation animationWithKeyPath:@"transform.scale"];
126     
127     // 2. 设置动画属性
128     // fromValue & toValue
129     [anim setFromValue:@(1.0)];
130     // 从当前大小缩小到一半，然后恢复初始大小
131     [anim setToValue:@(0.5)];
132     // 自动翻转动画
133     [anim setAutoreverses:YES];
134     
135     // 动画时长
136     [anim setDuration:0.5f];
137     
138     // 3. 将动画添加到图层
139     [self.myView.layer addAnimation:anim forKey:nil];
140 }