【无限互联】WXLabel 文字的排版与设计众多的APP中，大多数项目都需要针对不同的文字内容或者图片，进行不同的设计，像字体的大小，行距，对齐方式等。
当然在社交类项目中，会使用到表情符号等图片，穿插与文字之中。
像这类功能，通过CoreText内置框架大部分就能够解决，但是像文字超链接，文字的选取这类功能，CoreText就无法完成。
这时候就需要在CoreText的基础上，进行进一步封装。
在这里，针对这一需求，在CoreText的基础上，集成RegexKitLite，封装了WXLabel这样一个能够对文字精加工的类。
首先，如下图所示，创建WXLabel类，并在其中导入CoreText/CoreText.h 框架、regexKitLite.h文件。
在初始化中，对WXLabel进行一些基础设置。
因为在后续中，会设置超链接，对UILabel 进行点击，所以需要设置该WXLabel为可点击状态。
并且，设置它的默认行间距、超链接文字颜色和当手指经过超链接时，文字的颜色。
[objc]view plaincopyprint?1.- (id)initWithFrame:(CGRect)frame2.{3.self = [super initWithFrame:frame];4.if (self) {5.// Initialization code6.//开启当前点击的手势erInteractionEnabled = YES;8.//缓存略字典9.self.dicHeights = [NSMutableDictionary dictionary];10.//行间距11.self.linespace = 10;12.13.//当前文本超链接文字的颜色默认为purpleColor14.self.linkColor = [UIColor purpleColor];15.//当前文本超链接文字手指经过的颜色默认为greenColor16.self.passColor = [UIColor greenColor];17.18._framesetter = nil;19.}20.return self;21.}我们定义了6个协议方法，来对通过正则表达式筛选出得文字，进行操作。
正则表达式详见：正则表达式[objc]view plaincopyprint?1.//手指离开当前超链接文本响应的协议方法2.- (void)toucheEndWXLabel:(WXLabel *)wxLabel withContext:(NSString*)context;3.//手指接触当前超链接文本响应的协议方法4.- (void)toucheBenginWXLabel:(WXLabel *)wxLabel withContext:(NSString*)context;5.6.<span style="color:#333399;">/*7.- (NSString *)contentsOfRegexStringWithWXLabel:(WXLabel *)wxLabel8.{9.//需要添加链接字符串的正则表达式：@用户、http://、#话题#10.NSString *regex1 = @"@\\w+";11.NSString *regex2 = @"http(s)?://([A-Za-z0-9._-]+(/)?)*";12.NSString *regex3 = @"#\\w+#";13.NSString *regex = [NSStringstringWithFormat:@"(%@)|(%@)|(%@)",regex1,regex2,regex3];14.return regex;15.}16.*/</span>17.//检索文本的正则表达式的字符串18.- (NSString *)contentsOfRegexStringWithWXLabel:(WXLabel *)wxLabel;19.//设置当前链接文本的颜色20.- (UIColor *)linkColorWithWXLabel:(WXLabel *)wxLabel;21.//设置当前文本手指经过的颜色22.- (UIColor *)passColorWithWXLabel:(WXLabel *)wxLabel;23.24./*25.注意：26.默认表达式@"<image url = '[a-zA-Z0-9_\\.@%&\\S]*'>"27.可以通过代理方法修改正则表达式，不过本地图片地址的左右（＊＊＊一定要用单引号引起来）28.*/29.//检索文本中图片的正则表达式的字符串30.- (NSString *)imagesOfRegexStringWithWXLabel:(WXLabel *)wxLabel;在- (void)drawRect:(CGRect)rect方法中，调用_createAttributeText方法，对内容中的文字和图片进行属性设置。
[objc]view plaincopyprint?1.- (void)drawRect:(CGRect)rect2.{3.[self _createAttributeText];4.5.//然后创建一个CGPath对象，这个Path对象用于表示可绘制区域坐标值、长宽。
6.CGRect bouds = CGRectInset(self.bounds, 0.0f, 0.0f);7.CGMutablePathRef path = CGPathCreateMutable();8.CGPathAddRect(path, NULL, bouds);9.10.//使用上面生成的setter和path生成一个CTFrameRef对象，这个对象包含了这两个对象的信息（字体信息、坐标信息）11.CTFrameRef frame = CTFramesetterCreateFrame(_framesetter,CFRangeMake(0, 0), path, NULL);12.13.//获取当前(View)上下文以便于之后的绘画，这个是一个离屏。
14.CGContextRef context = UIGraphicsGetCurrentContext();15.if (context != NULL) {16.CGContextSetTextMatrix(context , CGAffineTransformIdentity);17.//压栈，压入图形状态栈中.每个图形上下文维护一个图形状态栈，并不是所有的当前绘画环境的图形状态的元素都被保存。
图形状态中不考虑当前路径，所以不保存18.//保存现在得上下文图形状态。
不管后续对context上绘制什么都不会影响真正得屏幕。
19.CGContextSaveGState(context);20.//x，y轴方向移动21.CGContextTranslateCTM(context , 0 ,self.height );22.//缩放x，y轴方向缩放，－1.0为反向1.0倍,坐标系转换,沿x轴翻转180度23.CGContextScaleCTM(context, 1.0 ,-1.0);24.//可以使用CTFrameDraw方法绘制了。
25.CTFrameDraw(frame,context);26.}27.28.//获取当前行的集合29.self.row = (NSArray *)CTFrameGetLines(frame);30.31.if (self.row.count > 0) {32.//获取最后一行的CGRect33.CGRect lineBounds = CTLineGetImageBounds((CTLineRef)[self.row lastObject],context);34._lastLineWidth = lineBounds.size.width;35.}36.37.//---------------------------绘制图片---------------------------38.CFArrayRef lines = CTFrameGetLines(frame);39.CGPoint lineOrigins[CFArrayGetCount(lines)];40.CTFrameGetLineOrigins(frame, CFRangeMake(0, 0), lineOrigins);41.42.for (int i = 0; i < CFArrayGetCount(lines); i++) {43.CTLineRef line = CFArrayGetValueAtIndex(lines, i);44.CGFloat lineAscent;45.CGFloat lineDescent;46.CGFloat lineLeading;47.CTLineGetTypographicBounds(line, &lineAscent, &lineDescent, &lineLeading);48.//NSLog(@"ascent = %f,descent = %f,leading= %f",lineAscent,lineDescent,lineLeading);49.50.//CTLineGetGlyphRuns 返回line中得run得数量51.CFArrayRef runs = CTLineGetGlyphRuns(line);52.//NSLog(@"run count = %ld",CFArrayGetCount(runs));53.for (int j = 0; j < CFArrayGetCount(runs); j++) {54.CGFloat runAscent;55.CGFloat runDescent;56.CGPoint lineOrigin = lineOrigins[i];57.CTRunRef run = CFArrayGetValueAtIndex(runs, j);58.NSDictionary* attributes = (NSDictionary*)CTRunGetAttributes(run);59.CGRect runRect;60.runRect.size.width = CTRunGetTypographicBounds(run, CFRangeMake(0,0),&runAscent, &runDescent, NULL);61.//NSLog(@"width = %f",runRect.size.width);62.63.runRect=CGRectMake(lineOrigin.x + CTLineGetOffsetForStringIndex(line,CTRunGetStringRange(run).location, NULL), lineOrigin.y - runDescent,runRect.size.width, runAscent + runDescent);64.65.NSString *imageName = [attributes objectForKey:WXLABEL_IMAGE_NAME];66.//图片渲染逻辑67.if (imageName) {68.UIImage *image = [UIImage imageNamed:imageName];69.if (image) {70.CGRect imageDrawRect;71.//#warning 设置图片的大小(长宽都为字体大小的1.2倍)72.imageDrawRect.size = CGSizeMake(self.font.pointSize * 1.2, self.font.pointSize *1.2);73.imageDrawRect.origin.x = runRect.origin.x + lineOrigin.x;74.imageDrawRect.origin.y = lineOrigin.y - self.font.pointSize * .2;75.76.//绘制图片77.CGContextDrawImage(context, imageDrawRect, image.CGImage);78.// imageDrawRect.size = CGSizeMake(image.size.height, image.size.height);79.// imageDrawRect.origin.x = runRect.origin.x + lineOrigin.x;80.// imageDrawRect.origin.y = lineOrigin.y - 8;81.// CGContextDrawImage(context, imageDrawRect, image.CGImage);82.83.}84.}85.}86.}87.88.89.//－－－－－－－－－－－－－－－获取当前文本的高度－－－－－－－－－－－－－－－－－－90.//获取当前的行高91.92.// float lineHeight = self.font.pointSize + self.linespace + 2;93.// self.textHeight = CFArrayGetCount(lines) * lineHeight ;94.// self.textHeight = suggestedSize.height;95.CGRect myframe = self.frame;96.myframe.size.height = self.textHeight;97.self.frame = myframe;98.99.//释放对象：（path是通过CGPathCreateMutable创建的，需要通过CGPathRelease释放）100.CGPathRelease(path);101.// CFRelease(framesetter);102.CFRelease(frame);103.104.}_createAttributeText方法，对文字和图片进行设置。
