美文网首页
[iOS笔记]Core Text 基本使用

[iOS笔记]Core Text 基本使用

作者: Seacen_Liu | 来源:发表于2018-05-23 22:24 被阅读0次

    简单介绍: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(七):图文混排

    相关文章

      网友评论

          本文标题:[iOS笔记]Core Text 基本使用

          本文链接:https://www.haomeiwen.com/subject/ifwdjftx.html