UIView简单动画

UIView动态实现的效果有以下几种：

1.动态改变frame

2.动态改变color

3.动态改变alpha

4.动态改变bounds

首先，我们先看几种BasicView动画

 #pragma mark - 改变frame
 - (IBAction)changeFrame:(UIButton *)sender {

     // UIView动画有开始，有结束，以beginAnimation开始，以commitAnimation结束
     // 第一步：开始UIView动画
     [UIView beginAnimations:@"move" context:nil];

     // 第二步：设置动画时长
     [UIView setAnimationDuration:];

     // 第三步：设置UIView动画的回调代理
     [UIView setAnimationDelegate:self];

     // 第四步：设置相关的对象的frame
     _textView.frame = CGRectMake(, , , );

     // 第五步：结束动画
     [UIView commitAnimations];
 }

 #pragma mark - 改变color
 - (IBAction)changeColor:(UIButton *)sender {

     [UIView beginAnimations:@"color" context:nil];
     [UIView setAnimationDuration:];
     [UIView setAnimationDelegate:self];
     _textView.backgroundColor = [UIColor blueColor];
     [UIView commitAnimations];
 }

 #pragma mark - 改变alpha
 - (IBAction)changeAlpha:(UIButton *)sender {

     [UIView beginAnimations:@"alpha" context:nil];
     [UIView setAnimationDuration:];
     [UIView setAnimationDelegate:self];
     _textView.alpha = 0.3;
     [UIView commitAnimations];
 }

 #pragma mark - 翻转
 - (IBAction)rotationAction:(UIButton *)sender {

     // 第一步：开始动画
     [UIView beginAnimations:@"rotation" context:nil];

     // 第二步：设置时长
     [UIView setAnimationDuration:];

     // 第三步：设置淡入效果
     [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];

     // 第四步：设置代理
     [UIView setAnimationDelegate:self];

     // 第五步：设置翻转方向
     [UIView setAnimationTransition:UIViewAnimationTransitionFlipFromRight forView:_textView cache:YES];

     // 第六步：结束动画
     [UIView commitAnimations];
 }

 #pragma mark - 旋转
 - (IBAction)transtromAction:(UIButton *)sender {

     // 第一步：开始动画
     [UIView beginAnimations:@"transform" context:nil];

     // 第二步：设置时长
     [UIView setAnimationDuration:];

     // 第三步：要进行旋转，所以要设置角度
     CGAffineTransform transform = CGAffineTransformMakeRotation( * M_PI);

     // 第四步：设置旋转角度的对象
     [_textView setTransform:transform];

     // 第五步：设置代理
     [UIView setAnimationDelegate:self];

     // 第六步：结束动画
     [UIView commitAnimations];
 }

然后我们来说几种Block动画:

1.简单动画

 #pragma mark - 简单动画
 - (IBAction)easyAnimation:(UIButton *)sender {

     // 参数1：设置动画时长
     // 参数2：动画要显示的效果
     // 参数3：动画完成时进行的事情
     __weak typeof(self)weakSelf = self;
     [UIView animateWithDuration:2.0f animations:^{
         weakSelf.testImgView.center = self.view.center;
     } completion:^(BOOL finished) {
         NSLog(@"动画完成");
     }];
 }

2.复杂动画

 #pragma mark - 复杂动画
 - (IBAction)complexBlockAnimation:(UIButton *)sender {

     // 参数1：时长
     // 参数2：动画的延迟时间
     // 参数3：动画的枚举值
     // 参数4：要实现的动画效果
     // 参数5：动画完成的时候要干的事情
     __weak typeof(self)weakSelf = self;
     [UIView animateWithDuration:3.0f delay:1.0f options:UIViewAnimationOptionTransitionFlipFromLeft animations:^{
         weakSelf.testImgView.frame = CGRectMake(, , , );
     } completion:^(BOOL finished) {
         NSLog(@"动画完成");
     }];
 }

3.关键帧动画

 #pragma mark - 关键帧动画
 - (IBAction)keyFrameAnimation:(UIButton *)sender {

     // 参数1：时长
     // 参数2：动画的延迟时间
     // 参数3：枚举值
     // 参数4：开始动画
     __weak typeof(self)weakSelf = self;
     [UIView animateKeyframesWithDuration:3.0f delay:1.0f options:UIViewKeyframeAnimationOptionCalculationModeLinear animations:^{

         // 在这个里面需要加一个方法，即创建block的关键帧
         // 参数1：帧动画的开始时间
         // 参数2：帧动画的持续时间
         // 参数3：实现的效果
         [UIView addKeyframeWithRelativeStartTime: relativeDuration:0.5 animations:^{
             // 实现的效果
             weakSelf.testImgView.frame = CGRectMake(, , , );
         }];
     } completion:^(BOOL finished) {
         NSLog(@"哈哈哈");
     }];
 }

4.Spring动画

 // 参数1：动画时长
 // 参数2：延迟
 // 参数3：类似弹簧的效果值，（0-1）
 // 参数4：初始化spring的一个速度
 // 参数5：spring动画的枚举值
 // 参数6：开始动画
 // 参数7：动画完成
 __weak typeof(self)weakSelf = self;
 [UIView animateWithDuration:3.0f delay:0.5f usingSpringWithDamping:1.0 initialSpringVelocity: options:UIViewAnimationOptionOverrideInheritedDuration animations:^{

     weakSelf.imgView.frame = CGRectMake(, , , );
 } completion:^(BOOL finished) {
     NSLog(@"fuck");
 }];