简单介绍:CoreText 是用于处理文字和字体的底层技术。它直接和Core Graphics(又被称为Quartz)打交道。Quartz是一个2D图形渲染引擎,能够处理OSX和iOS中图形显示问题。与其他UI组件相比,由于CoreText直接和Quartz来交互,所以它具有更高效的排版功能。
基本绘字使用步骤
- 自定义View,重写drawRect方法
- 得到当前绘图上下文
- 将坐标系翻转(因为CoreText的原点在左下角,与平时我们使用的不同)
- 创建绘制的区域
- 创建NSAttributedString
- 根据NSAttributedString创建CTFramesetterRef
- 创建绘制区域CGPathRef(该CGPathRef是库CoreGraphics里边的,初始原点为左上角;翻转后,原点为左下角)
- 根据CTFramesetterRef和CGPathRef创建CTFrame
- CTFrameDraw绘制。
基本使用实践部分
单纯在固定的位置绘制纯文本
#import "SCDispalyView.h"
//导入CoreText系统框架
#import <CoreText/CoreText.h>
implementation CTDispalyView
//重写drawRect方法
- (void)drawRect:(CGRect)rect {
[super drawRect:rect];
//1.获取当前绘图上下文
CGContextRef context = UIGraphicsGetCurrentContext();
//2.旋转坐标系(默认和UIKit坐标是相反的)
CGContextSetTextMatrix(context, CGAffineTransformIdentity);
CGContextTranslateCTM(context, 0, self.bounds.size.height);
CGContextScaleCTM(context, 1.0, -1.0);
//3.创建绘制局域
CGMutablePathRef path = CGPathCreateMutable();
CGPathAddRect(path, NULL, self.bounds);
//4.设置绘制内容
NSAttributedString *attString = [[NSAttributedString alloc] initWithString:
@"CoreText是用于处理文字和字体的底层技术。"
"它直接和Core Graphics(又被称为Quartz)打交道。"
"Quartz是一个2D图形渲染引擎,能够处理OSX和iOS中图形显示问题。"
"与其他UI组件相比,由于CoreText直接和Quartz来交互,所以它具有更高效的排版功能。"];
CTFramesetterRef framesetter = CTFramesetterCreateWithAttributedString((CFAttributedStringRef)attString);
CTFrameRef frame = CTFramesetterCreateFrame(framesetter, CFRangeMake(0, [attString length]), path, NULL);
//5.开始绘制
CTFrameDraw(frame, context);
//6.释放资源
CFRelease(frame);
CFRelease(path);
CFRelease(framesetter);
}
end
逐行绘制关键代码
前面的5.开始绘制
到之前的代码都是一样的,后面的步骤如下
//5.开始绘制
//获取frame中CTLineRef数组
CFArrayRef Lines = CTFrameGetLines(frame);
//获取数组Lines中的个数
CFIndex lineCount = CFArrayGetCount(Lines);
//获取基线原点
CGPoint origins[lineCount];
CTFrameGetLineOrigins(frame, CFRangeMake(0, 0), origins);
for (CFIndex i = 0; i < lineCount; i ++) {
CTLineRef line = CFArrayGetValueAtIndex(Lines, i);
// 中间可以调用一系列API去获取CTLine的其他具体数据
// 也可以对每一行做单独的处理
CTLineDraw(line, context);//绘制原点为左下角
}
//6.释放资源
CoreText中获取数据大部分的套路都是几个步骤,这里就以上面获取CTLine的其他具体数据为例子:
- 根据API去声明指定的数据
- 用一个CT的函数传入 line 和需要得到的数据的地址进去
- 经过函数调用后上面的那些数据就拿到值了
图文混排主要思路
- CoreText从绘制纯文本到绘制图片,依然是使用NSAttributedString,只不过图片的实现方式是用一个空白字符作为在NSAttributedString中的占位符,然后设置代理,告诉CoreText给该占位字符留出一定的宽高。最后把图片绘制到预留的位置上。
- Core Text本身并不支持图片绘制,图片的绘制你还得通过Core Graphics来进行。只是Core Text可以通过CTRun的设置为你的图片在文本绘制的过程中留出适当的空间。这个设置就使用到CTRunDelegate了,看这个名字大概就可以知道什么意思了,CTRunDelegate作为CTRun相关属性或操作扩展的一个入口,使得我们可以对CTRun做一些自定义的行为。为图片留位置的方法就是加入一个空白的CTRun,自定义其ascent,descent,width等参数,使得绘制文本的时候留下空白位置给相应的图片。然后图片在相应的空白位置上使用Core Graphics接口进行绘制。
补充说明
上面有些类和对象可能不好理解,下面做点小补充,详细的可以查看官方文档
CTFramesetter
CTFramesetter是由CFAttributedString(NSAttributedString)初始化而来,可以认为它是CTFrame的一个Factory,通过传入CGPath生成相应的CTFrame并使用它进行渲染:直接以CTFrame为参数使用CTFrameDraw绘制或者从CTFrame中获取CTLine进行微调后使用CTLineDraw进行绘制。CTFrame 作为一个整体的画布(Canvas),其中由行(CTLine)组成,而每行可以分为一个或多个小方块(CTRun)。
CTRun
不需要自己创建CTRun,Core Text将根据NSAttributedString的属性来自动创建CTRun。每个CTRun对象对应不同的属性,正因此,你可以自由的控制字体、颜色、字间距等等信息。
CTRunDelegate
使用CTRunDelegateCreate可以创建一个CTRunDelegate,它接收两个参数,一个是callbacks结构体,一个是所有callback调用的时候需要传入的对象。 callbacks的结构体为CTRunDelegateCallbacks,主要是包含一些回调函数,比如有返回当前run的ascent,descent,width这些值的回调函数,至于函数中如何鉴别当前是哪个run,可以在CTRunDelegateCreate的第二个参数来达到目的,因为CTRunDelegateCreate的第二个参数会作为每一个回调调用时的入参。
本文不是教程文章,而是笔者在学习Core Text的时候记下的笔记和抽离出的基本使用。详细的可以看下面的博客,里面都附有代码和效果图的。
CoreText(一):基本用法
CoreText(二):段落CTParagraphStyle
CoreText(三):绘制文本
CoreText(四):行 CTLineRef
CoreText(五):省略号
CoreText(六):用户点击
CoreText(七):图文混排