YYLable异步渲染在绘图中的应用

方法及关键函数解释

static dispatch_queue_t YChartAsyncLayerGetDispalyQueue() {
#define MAX_QUEUE_COUNT 16
    static int queueCount;
    static dispatch_queue_t queues[MAX_QUEUE_COUNT];
    static int32_t counter = 0;
    static dispatch_once_t onceToken;
    dispatch_once(&onceToken, ^{
        queueCount = (int)[NSProcessInfo processInfo].activeProcessorCount;
        queueCount = queueCount < 1 ? 1 : queueCount;
        if ( [[UIDevice currentDevice].systemVersion floatValue] >= 8.0 ) {
            for (NSUInteger i = 0 ; i < queueCount; i++) {
                dispatch_queue_attr_t attr = dispatch_queue_attr_make_with_qos_class(DISPATCH_QUEUE_SERIAL, QOS_CLASS_USER_INITIATED, 0);
                queues[i] = dispatch_queue_create("com.yxw.chart.render", attr);
            }
        }
        else{
            for (NSUInteger i= 0; i < queueCount; i++) {
                queues[i] = dispatch_queue_create("com.yxw.chart.render", DISPATCH_QUEUE_SERIAL);
                dispatch_set_target_queue(queues[i], dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0));
            }
        }
    });
    int32_t cur = OSAtomicIncrement32(&counter);
    if (cur < 0) {
        cur = -cur;
    }
    return queues[cur%queueCount];
}

static dispatch_queue_t YChartAsyncLayerGetReleaseQueue() {
    return dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_LOW, 0);
}

iOS8之前和之后设置线程队列优先级及层次体系，让不同队列中的任务同步的执行时
iOS8 之前需要创建一个串行队列并设置和全局队列优先级相同: 两个线程队列分别按照添加顺序来执行

 queues[i] = dispatch_queue_create("com.yxw.chart.render", DISPATCH_QUEUE_SERIAL);
                dispatch_set_target_queue(queues[i], dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0));

iOS8 之后: QOS_CLASS_USER_INITIATED : 和全局队列中的线程优先级相同

 dispatch_queue_attr_t attr = dispatch_queue_attr_make_with_qos_class(DISPATCH_QUEUE_SERIAL, QOS_CLASS_USER_INITIATED, 0);
                queues[i] = dispatch_queue_create("com.yxw.chart.render", attr);

[NSProcessInfo processInfo].activeProcessorCount 获取当前设备是几核，创建队列数等于核数

cell 赋值异步渲染原理

- (void)setDataArray:(NSArray *)dataArray{
    _dataArray = dataArray;
    if (_displaysAsynchronously) {
        [self p_clearContents];
    }
    [self p_setLayoutNeedRedraw];
}

** [self p_clearContents] 为什么会清空内容 ？ 清空会有什么影响 ？**
1、异步渲染当前 cell 显示内容清空， 否则会有错位的现象， 本次异步渲染还未完成时，会显示上次的内容；
2、同步渲染是实时刷新不会存在这个问题；
3、因为是异步渲染，所以当快速滚动时， 会看到空白的页面；

** [self p_setLayoutNeedRedraw] 异步渲染的原理都在这里**
1、调用 YChartAsyncLayer 的 setNeedsDisplay 方法，改变当前 cell 保存的随机数；
2、当前 cell 新开启一个异步线程加入到串行队列中等待执行，每个线程和一个随机数对应 ；
3、当串行队列中线程的开始渲染 该 cell 时， 先比较该线程对应的 随机数和 cell 当前标记的 随机数是否相同， 如果相同则渲染cell， 如果不相同，说明 cell 已经被复用，放弃渲染线程退出；
4、cell 渲染 有三个步骤 :
(1) willDisplay : 开始渲染前，移除 layer 持有的动画， 在主线程执行；
(2) display : 真正开始渲染，在异步线程， 渲染过程中 实时判断是否被取消渲染；
(3) didDisplay : 渲染完成，生成一张 image ，回到主线程，通过动画显示在layer上；

为什么是 串行线程队列 而不是 并行线程队列 ？

1、当快速滚动时创建太多的 线程 卡死现象
**2、防治数据渲染错误 **:
比如 :
当前 cell row＝10， 渲染的线程是 t1 cell数据 d1
下一次复用时:
cell row＝15， 渲染的线程是 t2 cell数据 d2
同步线程触发时间及结束时间不确定 :
场景1 :
当 t1 先执行后结束 ，t2 后执行先结束 ， 此时 显示数据为 d1 ;
场景2 :
当 t2 先执行先结束 ，t1 后执行后结束时， 此时 显示数据为 d1 ;
当一次复用时有两个 线程 4种情况，，当有 n 次复用 最多 2 的 n此方 种情况，显示错误概率极高；

同步的时候取消时的逻辑: 最后一次 cell 赋值时改变了随机值，所有复用该 cell 的同步队列中的线程都被取消，所以不会造成数据错乱的现象

最后再回到YYLabel

1、YYLabel layer 层

+ (Class)layerClass {
    return [YYTextAsyncLayer class];
}

2、渲染触发

- (void)_displayAsync:(BOOL)async {

3、渲染，回调到 leyer.delegate = YYLabel;

- (YYTextAsyncLayerDisplayTask *)newAsyncDisplayTask {
}

4、YYLabel 添加点击事件: touch 方法去匹配数据，然后重新渲染

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event {
    ........
}
- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event {
}

参考链接

demo;
ibireme/YYText;
iOS 保持界面流畅的技巧;

---