UIImageView 和 CADisplayLink 实现 Tom 汤姆猫动画效果的区别

(1)UIImageView 的动画操作,来自定义循环播放动画(不建议使用,内存消耗大)

(2)CADisplayLink 是一个计时器,但是同 NSTimer 不同的是,CADisplayLink 的刷新周期同屏幕完全一致。

例如在 iOS 中屏幕刷新周期是60次/秒,CADisplayLink 刷新周期同屏幕刷新一致也是60次/秒,这样一来使用它完成的逐帧动画(又称为“时钟动画”)完全感觉不到动画的停滞情况。

关键操作:

UIImageView 和 CADisplayLink 实现 Tom 汤姆猫动画效果的区别_第1张图片
UIImageView 和 CADisplayLink 实现 Tom 汤姆猫动画效果的区别_第2张图片
UIImageView 和 CADisplayLink 实现 Tom 汤姆猫动画效果的区别_第3张图片
UIImageView 和 CADisplayLink 实现 Tom 汤姆猫动画效果的区别_第4张图片
UIImageView 和 CADisplayLink 实现 Tom 汤姆猫动画效果的区别_第5张图片

效果如下:

ViewController.h

#import 

@interface ViewController : UIViewController
@property (strong, nonatomic) UIImageView *imgVAnimation;
@property (strong, nonatomic) CADisplayLink *displayLink;
 
@end
#import "ViewController.h"

@interface ViewController ()
- (void)layoutUI;
- (void)changeImage;
- (void)layoutUINoSuggest;
- (NSArray *)imagesFromGroups;
- (NSArray *)imagesFromFolderReferences;
@end

@implementation ViewController
#define kImgCount 29

- (void)viewDidLoad {
    [super viewDidLoad];
    
    //[self layoutUINoSuggest];
    
    [self layoutUI];
}

- (void)viewWillAppear:(BOOL)animated {
    [super viewWillAppear:animated];
    
    //开始动画;对应使用[self layoutUINoSuggest]的情况
    //[_imgVAnimation startAnimating];
    
    //实例化时钟对象
    _displayLink=[CADisplayLink displayLinkWithTarget:self selector:@selector(changeImage)];
    //添加时钟对象实例到主运行循环
    [_displayLink addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];
}

- (void)viewWillDisappear:(BOOL)animated {
    [super viewWillDisappear:animated];
    
    //停止动画;对应使用[self layoutUINoSuggest]的情况
    //[_imgVAnimation stopAnimating];
    
    //从主运行循环移除时钟对象实例
    [_displayLink removeFromRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

#pragma mark - 推荐使用的方式
/**
 *  使用CADisplayLink,来自定义循环播放动画(推荐使用,内存消耗小)
 *  CADisplayLink是一个计时器,但是同NSTimer不同的是,CADisplayLink的刷新周期同屏幕完全一致。例如在iOS中屏幕刷新周期是60次/秒,CADisplayLink刷新周期同屏幕刷新一致也是60次/秒,这样一来使用它完成的逐帧动画(又称为“时钟动画”)完全感觉不到动画的停滞情况
 */
- (void)layoutUI {
    _imgVAnimation = [[UIImageView alloc] initWithFrame:self.view.bounds];
    [self.view addSubview:_imgVAnimation];
}

- (void)changeImage {
    //定义一个变量记录执行次数
    static NSUInteger s=0;
    static NSUInteger indexOfImg = 0;
    //每秒执行12次if内的语句;分别当s=5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60...
    s++;
    if (s % 5 == 0) {
        UIImage *image=[self imagesFromGroups][indexOfImg];
        _imgVAnimation.layer.contents=(id)image.CGImage; //更新图片
        
        indexOfImg++;
        if (indexOfImg == kImgCount) {
            indexOfImg = 0;
        }
    }
}

#pragma mark - 不建议使用的方式
/**
 *  使用图片视图的动画操作,来自定义循环播放动画(不建议使用,内存消耗大)
 */
- (void)layoutUINoSuggest {
    _imgVAnimation = [[UIImageView alloc] initWithFrame:self.view.bounds];
    _imgVAnimation.animationImages = [self imagesFromGroups]; //引用图片数组,导致一次性加载图片数组,内存消耗大
    //设置动画持续时间(图片播放周期时间,而不是播放一张图片的时间);单位为秒;默认值为每秒30帧(每秒播放30张图片)
    _imgVAnimation.animationDuration = 3;
    //设置动画播放重复次数;默认值为0,表示无限循环
    _imgVAnimation.animationRepeatCount = 0;
    [self.view addSubview:_imgVAnimation];
}

#pragma mark - 读取图片文件数组操作
/**
 *  获取来自分组(黄色文件夹)的图片数组;图片文件路径不需要包含文件夹
 *  使用右键“Add Files to...”->“Added folders” : “Create groups”,生成分组(黄色文件夹)
 *
 *  @return 来自分组(黄色文件夹)的图片数组
 */
- (NSArray *)imagesFromGroups {
    NSMutableArray *mArrImgForAnimation = [[NSMutableArray alloc] initWithCapacity:kImgCount];
    NSString *strImgName;
    for (NSUInteger i=0; i“Added folders” : “Create folder references”,生成文件夹引用(蓝色文件夹)
 *
 *  @return 来自文件夹引用(蓝色文件夹)的图片数组
 */
- (NSArray *)imagesFromFolderReferences {
    NSMutableArray *mArrImgForAnimation = [[NSMutableArray alloc] initWithCapacity:kImgCount];
    NSString *strImgName;
    for (NSUInteger i=0; i

你可能感兴趣的:(UIImageView 和 CADisplayLink 实现 Tom 汤姆猫动画效果的区别)