iOS - UIView 动画

  1. 云栖社区>
  2. 博客>
  3. 正文

iOS - UIView 动画

QianChia 2016-09-18 12:02:00 浏览754
展开阅读全文

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);
            }];
        }];
    • 效果

      animation66

  • 弹簧效果的动画

        [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];
    • 效果

      animation83

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");
        }
    • 效果

      animation67

1.3 形变属性方式

网友评论

登录后评论
0/500
评论
QianChia
+ 关注