iOS - 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、形变属性设置。