将来跳槽用自己尝试等装一下

UIView动画和block动画

2016-11-04  本文已影响105人  JSOfJackChen

1、UIView动画介绍

1.简单说明

UIKit直接将动画集成到UIView类中,当内部的一些属性发生改变时,UIView将为这些改变提供动画支持
执行动画所需要的工作由UIView类自动完成,但仍要在希望执行动画时通知视图,为此需要将改变属性的代码放在[UIView beginAnimations:nil context:nil]和[UIView commitAnimations]之间
常见方法解析:

2、UIView动画代码

#import "ViewController.h"
@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIView *myView;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    NSLog(@"动画开始执行之前myView的中心点:%@",NSStringFromCGPoint(self.myView.center));
    NSLog(@"---------------------------");
}

-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{

    [UIView animateWithDuration:2.0 animations:^{
        self.myView.center = CGPointMake(50, 300);
    }];

    NSLog(@"动画开始执行之后myView的中心点:%@",NSStringFromCGPoint(self.myView.center));
}
@end

3、动画执行效果

Untitled.gif Snip20161104_14.png

4、UIView封装的动画与CALayer动画的对比

使用UIView和CALayer都能实现动画效果,但是在真实的开发中,一般还是主要使用UIView封装的动画,而很少使用CALayer的动画。

CALayer核心动画与UIView动画的区别:
UIView封装的动画执行完毕之后不会反弹。即如果是通过CALayer核心动画改变layer的位置状态,表面上看虽然已经改变了,但是实际上它的位置是没有改变的。

5、block动画

参数解析:

duration:动画的持续时间

delay:动画延迟delay秒后开始

options:动画的节奏控制

animations:将改变视图属性的代码放在这个block中

completion:动画结束后,会自动调用这个block

转场动画

参数解析:

duration:动画的持续时间

view:需要进行转场动画的视图

options:转场动画的类型

animations:将改变视图属性的代码放在这个block中

completion:动画结束后,会自动调用这个block

方法调用完毕后,相当于执行了下面两句代码:

// 添加toView到父视图

[fromView.superview addSubview:toView];

// 把fromView从父视图中移除

[fromView.superview removeFromSuperview];

参数解析:

duration:动画的持续时间

options:转场动画的类型

animations:将改变视图属性的代码放在这个block中

completion:动画结束后,会自动调用这个block

6、block动画示例

#import "ViewController.h"
@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIView *myView;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    NSLog(@"动画开始执行之前myView的中心点:%@",NSStringFromCGPoint(self.myView.center));
    NSLog(@"---------------------------");
}

-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{
   // block动画
    [UIView transitionWithView:self.myView duration:2.0 options:UIViewAnimationOptionAutoreverse  animations:^{
        self.myView.center = CGPointMake(50, 300);
    } completion:^(BOOL finished) {
        NSLog(@"动画开始执行之后myView的中心点:%@",NSStringFromCGPoint(self.myView.center));
    }];

}

@end

这个转场动画的效果是由+(void)transitionWithView:(UIView *)view duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^)(BOOL finished))completion这个方法的options参数决定的。

上一篇 下一篇

猜你喜欢

热点阅读