iOS开发Quartz2D之 七：雪花效果

#import "VCView.h"

@implementation VCView

-(void)awakeFromNib {
    
    //[NSTimer scheduledTimerWithTimeInterval:0.1 target:self selector:@selector(changeY) userInfo:nil repeats:YES];
    
    
    CADisplayLink *link = [CADisplayLink displayLinkWithTarget:self selector:@selector(changeY)];
    //想要让CADisplayLink让它工作,必须得要把它添加到主运行循环当中.
    //当每一次屏幕刷新的时候就会调用指定的方法(屏幕每一少刷新60)，一秒调用60次
    [link addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];
    
    
    //setNeedsDisplay会调用drawRect:,但是它并不是立马调用.只是设了一个标志.当下一次屏幕刷新的时候才去调用drawRect
}




static int _snowY = 0;

- (void)changeY{

    _snowY += 10;
    if (_snowY > [UIScreen mainScreen].bounds.size.height) {
        _snowY = 0;
    }
    //重绘
    [self setNeedsDisplay];
    NSLog(@"%s",__func__);
}


- (void)drawRect:(CGRect)rect {
    // Drawing code
    UIImage *image = [UIImage imageNamed:@"雪花"];
    [image drawAtPoint:CGPointMake(0, _snowY)];
}


@end

1.定时器雪花整体思路:

先在控制器View面绘制一个雪花.

在View加载完毕后,添加一个定时器.

在定时器方法当中调用得绘方法.

在绘图方法当不段的去修改雪花的Y值.

当雪花的Y值超过屏幕的高度时,让雪花的Y值重新设为0.从最顶部开始.

 

2.添加定时器实现方案

第一种采用NSTime

第二种采用CADisplayLink

最终采用CADisplayLink方案.

 

2.1为什么采用CADisplayLink方案不用NSTime?

 

  首先要了解setNeedsDisplay

  setNeedsDisplay底层会调用DrawRect方法重绘.

  但是它不是立马就进行重绘.它仅仅是设置了一个重绘标志,等到下一次屏幕刷新的时候才会调用DrawRect方法.

   

  如果使用NSTime的话,假设是0.01调用一次重绘.假设屏幕0.02秒的时候它才刷新一次.中间就会等0.01秒.

  也就是每次都会等0.01秒这样累加上去.让变的越来越卡顿.

   

  使用CADisplayLink时,它的定时器方法就是屏幕每次刷新的时候就会调用(通常屏幕一秒钟刷新60次)

  它和setNeedsDisplay调用DrawRect方法的时机正好吻合,不会出间等待间隔.不会出现屏幕卡顿现象.

   

    2.2如何使用CADisplayLink添加定时器?

    Target:哪个对象要监听方法.

    selector:监听的方法名称.

    CADisplayLink *link = [CADisplayLink displayLinkWithTarget:self

    selector:@selector(setNeedsDisplay)];

    想要让CADisplayLink工作,必须得要把它添加到主运行循环.

    只要添加到主运行循环, 跟模式没有关系

    [link addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];

 

  3.具体实现代码如下:

 

-(void)awakeFromNib{

    CADisplayLink *link = [CADisplayLink displayLinkWithTarget:self

        selector:@selector(setNeedsDisplay)];

    [link addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSDefaultRunLoopMode];

   

  }

 

 

- (void)drawRect:(CGRect)rect {

    if(_snowY > rect.size.height){

        _snowY = 0;

    }

    UIImage *image = [UIImage imageNamed:@"雪花"];

    [image drawAtPoint:CGPointMake(0, _snowY)];

    _snowY += 10;

}