UIView 动画

1、UIView 动画

• 核心动画 和 UIView 动画 的区别：
  • 核心动画一切都是假象，并不会真实的改变图层的属性值，如果以后做动画的时候，不需要与用户交互，通常用核心动画（转场）。
  • UIView 动画必须通过修改属性的真实值，才有动画效果。

• 1.1 block 方式

  • 设置控件位置、尺寸、透明度等的代码，放在 animateWithDuration: block 中，将自动以动画的方式改变。

  // 开始动画，动画持续时间 2 秒
  [UIView animateWithDuration:1.0 animations:^{
  
  	// 设置动画结束后的效果值
  
  	// 改变控件的位置和尺寸，改变后的位置或大小
  	self.redView.frame = CGRectMake(150, 50, 50, 50);
  
  } completion:^(BOOL finished) {
  
  	// 动画完成后的操作
  
  	// 开始一个新的动画
  	[UIView animateWithDuration:1.0 animations:^{
  
  		// 改变控件的位置和尺寸，改变后的位置或大小
  		self.redView.frame = CGRectMake(50, 150, 80, 80);
  	}];
  }];
  

  • 效果
    

  • 弹簧效果的动画

  [UIView animateWithDuration:1.0 delay:0 usingSpringWithDamping:0.2 initialSpringVelocity:0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
  	// SpringWithDamping: 弹性系数，越小弹簧效果越明显
  	self.redView.frame = CGRectMake(150, 50, 50, 50);
  } completion:nil];
  

  • 效果
    

• 1.2 动画块方式

  • 设置控件位置、尺寸、透明度等的代码，放在 beginAnimations: 和 commitAnimations 之间，将自动以动画的方式改变。

  // 开始一个动画块
  [UIView beginAnimations:nil context:nil];
  
  // 动画设置
  
  // 设置动画时间
  [UIView setAnimationDuration:1.0];                                      // default = 0.2
  
  // 设置延时
  [UIView setAnimationDelay:0.0];                                         // 设置指定的时间后开始执行动画，default = 0.0
  
  // 设置动画执行节奏
  /*
  UIViewAnimationCurveEaseInOut,         // slow at beginning and end  开始和结束慢速，默认
  UIViewAnimationCurveEaseIn,            // slow at beginning          开始慢速
  UIViewAnimationCurveEaseOut,           // slow at end                结束慢速
  UIViewAnimationCurveLinear             //                            匀速
  */
  [UIView setAnimationCurve:UIViewAnimationCurveLinear];
  
  // 设置重复次数
  [UIView setAnimationRepeatCount:MAXFLOAT];                              // default = 0.0.  May be fractional
  
  // 设置是否自动返回，以动画的方式返回
  [UIView setAnimationRepeatAutoreverses:YES];                            // default = NO. used if repeat count is non-zero
  
  // 设置是否从当前状态开始动画
  [UIView setAnimationBeginsFromCurrentState:YES];                        // default = NO
  
  // 设置代理
  [UIView setAnimationDelegate:self];                                     // default = nil
  
  // 设置动画开始时执行的代理方法，自定义方法
  [UIView setAnimationWillStartSelector:@selector(startAnimations)];      // default = NULL
  
  // 设置动画结束时执行的代理方法，自定义方法
  [UIView setAnimationDidStopSelector:@selector(stopAnimations)];         // default = NULL
  
  // 动画之行后效果值
  
  // 设置透明度，改变后的透明度
  self.redView.alpha = 1.0;
  
  // 改变控件的位置和尺寸，改变后的位置或大小
  self.redView.frame = CGRectMake(150, 150, 80, 80);
  
  // 结束一个动画块
  [UIView commitAnimations];
  
  // 动画开始时执行的代理方法，自定义方法
  - (void)startAnimations {
  
  	NSLog(@"startAnimations");
  }
  
  // 动画结束时执行的代理方法，自定义方法
  - (void)stopAnimations {
  
  	NSLog(@"stopAnimations");
  }
  

  • 效果
    

• 1.3 形变属性方式

  • 具体讲解见 iOS - CALayer 绘图层：3、形变属性设置。