[iOS笔记]Core Text 基本使用

简单介绍:CoreText 是用于处理文字和字体的底层技术。它直接和Core Graphics(又被称为Quartz)打交道。Quartz是一个2D图形渲染引擎,能够处理OSX和iOS中图形显示问题。与其他UI组件相比,由于CoreText直接和Quartz来交互,所以它具有更高效的排版功能。

基本绘字使用步骤

  1. 自定义View,重写drawRect方法
  2. 得到当前绘图上下文
  3. 将坐标系翻转(因为CoreText的原点在左下角,与平时我们使用的不同)
  4. 创建绘制的区域
  5. 创建NSAttributedString
  6. 根据NSAttributedString创建CTFramesetterRef
  7. 创建绘制区域CGPathRef(该CGPathRef是库CoreGraphics里边的,初始原点为左上角;翻转后,原点为左下角)
  8. 根据CTFramesetterRef和CGPathRef创建CTFrame
  9. 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的其他具体数据为例子:

  1. 根据API去声明指定的数据
  2. 用一个CT的函数传入 line 和需要得到的数据的地址进去
  3. 经过函数调用后上面的那些数据就拿到值了

图文混排主要思路

  • 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(七):图文混排

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 原文链接:https://www.raywenderlich.com/153591/core-text-tutor...
    VernonVan阅读 7,851评论 0 23
  • 整理中... 文本布局 TextLayout = Glyphs + Locations参考:活字印刷 Glyphs...
    DBreak阅读 15,614评论 17 71
  • 苹果文档 https://developer.apple.com/documentation/coretext C...
    阳明AI阅读 3,161评论 0 4
  • CoreText CoreText是底层的API,它使用了许多C的函数(例如CTFramesetterCreate...
    zziazm阅读 10,685评论 6 13
  • 一杯酒,祭我此生恨的悠长,从而斩断青丝万丈。 二杯酒,祭我此生输的过往,江南烟雨覆了城墙。 三杯酒,祭我此生过的窝...
    阿妖小小阅读 2,325评论 0 3