YYText源码解读-YYText同步/异步渲染流程(二)

[文章转载自40K CLUB APP]

一、涉及到的几个类

  • YYLabel:Label控件,继承UIView
  • YYTextLayout、YYTextContainer、YYTextLine:用于布局计算,它是YYLabel的属性,当我们为YYLabel设置属性时(比如text、textColor等),它会计算出布局信息和完成内容的绘制。
  • YYTextAsyncLayer:自定义的Layer组件

二、流程

1 将YYLabel的默认Layer替换为YYTextAsyncLayer。

从上一篇文章中得知,我们只需重写+layerClass方法即可。

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

2 重写YYTextAsyncLayer的display方法

1 - (void)display {
2 super.contents = super.contents;
3 // _displaysAsynchronously属性表示是否需要异步绘制,默认是NO
4 [self _displayAsync:_displaysAsynchronously];
5 }

从上一篇文章中得知,display方法用来设置contents属性,而我们可以通过为contents赋一个CGImage的值,将YYLabel的结果,显示出来。这就需要我们通过YYLabel的所有属性(比如text、textColor等)来绘制一个CGImage出来,绘制的动作就是通过下面的方法完成的,绘制可以同步进行(默认),也可以异步进行,提高性能。

1 - (void)_displayAsync:(BOOL)async {
2 // 暂时省略内容,后续后逐行分析
3 }

要想生存内容图片,我们需要知道布局信息。

布局信息的计算是通过YYLabel的YYTextLayout属性完成的。我们知道Layer的delegate是它的View(即YYTextAsyncLayer的delegate是YYLabel),我们为YYLabel实现一个newAsyncDisplayTask方法,YYTextAsyncLayer通过delegate调用该方法会返回一个YYTextAsyncLayerDisplayTask对象。通过YYTextAsyncLayerDisplayTask对象的block属性,YYTextAsyncLayer将上写文(context)回调给YYLabel的YYTextLayout属性,这时YYTextLayout的布局信息已经计算好,又获得了上下文信息(context),就可以完成绘制了。

3 YYTextLayout的布局计算方法和绘制方法

(1)布局计算方法

1 + (YYTextLayout *)layoutWithContainer:(YYTextContainer *)container text:(NSAttributedString *)text range:(NSRange)range;

(2)绘制方法

1 - (void)drawInContext:(nullable CGContextRef)context
2 size:(CGSize)size
3 point:(CGPoint)point
4 view:(nullable UIView *)view
5 layer:(nullable CALayer *)layer
6 debug:(nullable YYTextDebugOption *)debug
7 cancel:(nullable BOOL (^)(void))cancel;

4 YYTextLayout绘制好图片,YYTextAsyncLayer通过上下文(context)就能拿到图片,并设置给contents属性,这样整个Label的显示就完成了。

最后看一下YYTextAsyncLayer的生成图片的方法

  1 - (void)_displayAsync:(BOOL)async {
  2 __strong id<YYTextAsyncLayerDelegate> delegate = (id)self.delegate;
  3 YYTextAsyncLayerDisplayTask *task = [delegate newAsyncDisplayTask];
  4 if (!task.display) {
  5 if (task.willDisplay) task.willDisplay(self);
  6 self.contents = nil;
  7 if (task.didDisplay) task.didDisplay(self, YES);
  8 return;
  9 }
 10 
 11 if (async) {
 12 if (task.willDisplay) task.willDisplay(self);
 13 _YYTextSentinel *sentinel = _sentinel;
 14 int32_t value = sentinel.value;
 15 BOOL (^isCancelled)() = ^BOOL() {
 16 return value != sentinel.value;
 17 };
 18 CGSize size = self.bounds.size;
 19 BOOL opaque = self.opaque;
 20 CGFloat scale = self.contentsScale;
 21 CGColorRef backgroundColor = (opaque && self.backgroundColor) ? CGColorRetain(self.backgroundColor) : NULL;
 22 if (size.width < 1 || size.height < 1) {
 23 CGImageRef image = (__bridge_retained CGImageRef)(self.contents);
 24 self.contents = nil;
 25 if (image) {
 26 dispatch_async(YYTextAsyncLayerGetReleaseQueue(), ^{
 27 CFRelease(image);
 28 });
 29 }
 30 if (task.didDisplay) task.didDisplay(self, YES);
 31 CGColorRelease(backgroundColor);
 32 return;
 33 }
 34 
 35 dispatch_async(YYTextAsyncLayerGetDisplayQueue(), ^{
 36 if (isCancelled()) {
 37 CGColorRelease(backgroundColor);
 38 return;
 39 }
 40 UIGraphicsBeginImageContextWithOptions(size, opaque, scale);
 41 CGContextRef context = UIGraphicsGetCurrentContext();
 42 if (opaque) {
 43 CGContextSaveGState(context); {
 44 if (!backgroundColor || CGColorGetAlpha(backgroundColor) < 1) {
 45 CGContextSetFillColorWithColor(context, [UIColor whiteColor].CGColor);
 46 CGContextAddRect(context, CGRectMake(0, 0, size.width * scale, size.height * scale));
 47 CGContextFillPath(context);
 48 }
 49 if (backgroundColor) {
 50 CGContextSetFillColorWithColor(context, backgroundColor);
 51 CGContextAddRect(context, CGRectMake(0, 0, size.width * scale, size.height * scale));
 52 CGContextFillPath(context);
 53 }
 54 } CGContextRestoreGState(context);
 55 CGColorRelease(backgroundColor);
 56 }
 57 task.display(context, size, isCancelled);
 58 if (isCancelled()) {
 59 UIGraphicsEndImageContext();
 60 dispatch_async(dispatch_get_main_queue(), ^{
 61 if (task.didDisplay) task.didDisplay(self, NO);
 62 });
 63 return;
 64 }
 65 UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
 66 UIGraphicsEndImageContext();
 67 if (isCancelled()) {
 68 dispatch_async(dispatch_get_main_queue(), ^{
 69 if (task.didDisplay) task.didDisplay(self, NO);
 70 });
 71 return;
 72 }
 73 dispatch_async(dispatch_get_main_queue(), ^{
 74 if (isCancelled()) {
 75 if (task.didDisplay) task.didDisplay(self, NO);
 76 } else {
 77 self.contents = (__bridge id)(image.CGImage);
 78 if (task.didDisplay) task.didDisplay(self, YES);
 79 }
 80 });
 81 });
 82 } else {
 83 [_sentinel increase];
 84 if (task.willDisplay) task.willDisplay(self);
 85 UIGraphicsBeginImageContextWithOptions(self.bounds.size, self.opaque, self.contentsScale);
 86 CGContextRef context = UIGraphicsGetCurrentContext();
 87 if (self.opaque) {
 88 CGSize size = self.bounds.size;
 89 size.width *= self.contentsScale;
 90 size.height *= self.contentsScale;
 91 CGContextSaveGState(context); {
 92 if (!self.backgroundColor || CGColorGetAlpha(self.backgroundColor) < 1) {
 93 CGContextSetFillColorWithColor(context, [UIColor whiteColor].CGColor);
 94 CGContextAddRect(context, CGRectMake(0, 0, size.width, size.height));
 95 CGContextFillPath(context);
 96 }
 97 if (self.backgroundColor) {
 98 CGContextSetFillColorWithColor(context, self.backgroundColor);
 99 CGContextAddRect(context, CGRectMake(0, 0, size.width, size.height));
100 CGContextFillPath(context);
101 }
102 } CGContextRestoreGState(context);
103 }
104 task.display(context, self.bounds.size, ^{return NO;});
105 UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
106 UIGraphicsEndImageContext();
107 self.contents = (__bridge id)(image.CGImage);
108 if (task.didDisplay) task.didDisplay(self, YES);
109 }
110 }

[文章转载自40K CLUB APP]

posted @ 2020-03-03 14:12  青芒0514  阅读(628)  评论(0编辑  收藏  举报