runloop实践-加载高清大图

问题描述

在用tableVIew或者scrollView加载多张高清大图的时候，页面会卡顿。如下图

这里写图片描述

原因

runloop在一次渲染中，需要渲染十几张高清大图，所以卡主了

解决思路

每次Runloop循环,只渲染一张大图!!

1.监听Runloop的循环!!
2.将加载大图的代码!放在一个数组里面!!
3.每次Runloop循环,取出一个加载大图的任务执行!!

解决步骤

需要用到C语言的框架CFRunLoopRef。
FRunLoopRef 是在 CoreFoundation 框架内的，它提供了纯 C 函数的 API，所有这些 API 都是线程安全的。

NSRunLoop 是基于 CFRunLoopRef 的封装，提供了面向对象的 API，但是这些 API 不是线程安全的。

CFRunLoopRef 的代码是开源的，你可以在这里 http://opensource.apple.com/tarballs/CF/CF-855.17.tar.gz 下载到整个 CoreFoundation 的源码。

1.监听Runloop的循环

在CFRunloop中可以看到

/* Run Loop Observer Activities */
typedef CF_OPTIONS(CFOptionFlags, CFRunLoopActivity) {
    kCFRunLoopEntry = (1UL << 0),//进入runloop循环
    kCFRunLoopBeforeTimers = (1UL << 1),//处理timer之前
    kCFRunLoopBeforeSources = (1UL << 2),//处理Source 之前
    kCFRunLoopBeforeWaiting = (1UL << 5),//runloop处理完任何事情，都会等待，这是在处理完后等待前
    kCFRunLoopAfterWaiting = (1UL << 6),//等待后
    kCFRunLoopExit = (1UL << 7),//退出
    kCFRunLoopAllActivities = 0x0FFFFFFFU//所有事件
};

代码

-(void)addRunloopObserver{
    //获取Runloop
     CFRunLoopRef runloop = CFRunLoopGetCurrent();
    //定义一个context上下文
    CFRunLoopObserverContext context = {
        0,
        (__bridge void *)(self),
        &CFRetain,
        &CFRelease,
        NULL
    };
    
    
    //定义观察者
    /**
     CFOptionFlags activities 就是上面的类型
     <#Boolean repeats#>   重复
     <#CFRunLoopObserverCallBack callout#> 回调的指针
     <#CFRunLoopObserverContext *context#> 上下文 传递参数用
     *
     /
    static CFRunLoopObserverRef runloopObserver;
    runloopObserver = CFRunLoopObserverCreate(NULL, kCFRunLoopBeforeWaiting, YES, 0, &callBack, &context);
    
    //添加观察者
    CFRunLoopAddObserver(runloop, runloopObserver, kCFRunLoopCommonModes);
    
    
    //C里面 一旦creat new copy
    CFRelease(runloopObserver);
}

void callBack(){
  NSLog(@"来了");
}

然后在viewDidLoad调用addRunloopObserver

但是运行一次，就不执行了。这是因为回调之后没事情发生，所以需要定义一个timeer，此时的viewDidLoad为

-(void)timerMethod{
    //不干任何事情!
}

- (void)viewDidLoad {
    [super viewDidLoad];
    
    [NSTimer scheduledTimerWithTimeInterval:0.0001 target:self selector:@selector(timerMethod) userInfo:nil repeats:YES];
    
    
   
    
    [self addRunloopObserver];
   
}

2.将加载大图的代码!放在一个数组里面

typedef void(^runloopBlock)(void);

-(void)addTasks:(runloopBlock)task{
    
    [self.tasks addObject:task];
    if (self.tasks.count > 18) {
        [self.tasks removeObjectAtIndex:0];
    }
    
    
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:IDENTIFIER];
    cell.selectionStyle = UITableViewCellSelectionStyleNone;
    
    
    //干掉contentView上面的子控件!! 节约内存!!
    for (NSInteger i = 1; i <= 5; i++) {
        //干掉contentView 上面的所有子控件!!
        [[cell.contentView viewWithTag:i] removeFromSuperview];
    }
    //添加文字
    [ViewController addlabel:cell indexPath:indexPath];
    //添加图片
    [self addTasks:^{
        [ViewController addImage1With:cell];
    }];
    
    [self addTasks:^{
        [ViewController addImage2With:cell];
    }];
    
    [self addTasks:^{
        [ViewController addImage3With:cell];
    }];
    
    
    return cell;
}

3.每次Runloop循环,取出一个加载大图的任务执行

修改callBack，callBack可以有参数
info就是

void callBack(CFRunLoopObserverRef observer, CFRunLoopActivity activity, void *info){
    ViewController * vc = (__bridge ViewController *)info;
    if(vc.tasks.count == 0){
        return;
    }
    runloopBlock block = vc.tasks.firstObject;
    block();
    [vc.tasks removeObjectAtIndex:0];
    
    
}

PS

推荐一个第三方RunLoopWorkDistribution，地址https://github.com/diwu/RunLoopWorkDistribution
这个的原理就是利用的本文的东西

最后编辑于：2018.01.18 14:58:17