iOS开发about iOS

iOS--TextKit(一)

2015-07-02  本文已影响2400人  小白和小黑

在iOS6.0的时候苹果已经对于文字的排版进行了一次改变,就是增加了一个属性NSAttributedString属性,支持力度不够。 在iOS7.0之后,苹果加入了TextKit,只要用于文字的高质量的排版服务的一些类和协议。

一、什么是Text Kit
在iOS7中,苹果引入了Text Kit,Text Kit是一个快速而又现代化的文字排版和渲染引擎。Text Kit在UIKit framework中的定义了一些类和相关协议,它最主要的作用就是为程序提供文字排版和渲染的功能。在程序中,通过Text Kit可以对文字进行存储(store)、布局(lay out),以及用最精细的排版方式(例如文字间距、换行和对齐等)来显示文本内容。 苹果引入Text Kit的目的并非要取代已有的Core Text,Core Text的主要作用也是用于文字的排版和渲染中,它是一种先进而又处于底层技术,如果我们需要将文本内容直接渲染到图形上下文(Graphics context)时,从性能和易用性来考虑,最佳方案就是使用Core Text。而如果我们直接利用苹果提供的一些控件(例如UITextView、UILabel和UITextField等)对文字进行排版,无疑就是借助于UIkit framework中Text Kit提供的API。

二、TextKit架构


4196_131113102529_1.jpg

首先看一下上面这张官方提供的TextKit架构图,此图来自于WWDC2013 Session 210。TextKit还是在CoreText之上的构建的,而UI控件都是构建在TextKit之上的,所以UI控件的渲染就可以使用TextKit的API。但是UIWebView不能使用TextKit的API。

三、TextKit特点
1.在UI控件中负责所有文字的排版和渲染
2.UILabel、UITextFiled、UITextView都是构建在TextKit之上的
3.能够与动画、UICollectionView与UITableView无缝连接
4.Text Kit具有这样一些能力:Subclassing、Delegation和Notifcation。

四、TextKit 功能叙述
1.对文字进行分页或多列排版
2.文字的换行、折叠和着色等处理
3.文字之间的距离、行间距、文字的大小和指定特定的文字
4.富文本编辑
5.凸版印刷效果
6.支持数据类型的检测(例如链接、附件等)

文字很枯燥,来几个官方的栗子

4196_131113102706_1.jpg 4196_131113102721_1.jpg 4196_131113102738_1.jpg

五、TextKit的一些重要对象

4196_131113102756_1.jpg

1.Text containers:对应的类NSTextContainer.主要是用于针对哪个区域的文字可以进行排版。一般来说都是矩形区域。它改维护一个数组,该数组定义了一个区域,排版的时候文字不会填充该区域。
2.Layout manager:对应的类NSLayoutManager类。负责对文字进行编辑排版处理--通过将存储在NSTextStorage中的数据转换为可以在视图空间中显示的文本内容,将统一的字符编码映射到对应的字形上,然后将自行排版到NSTextContainer定义的区域中。
3.Text storage:对应着NSTextStorage类。基本存储机制,继承自NSMutableAttributedString,主要用来存储文本的字符和相关属性。当NSTextStorage中的字符或属性发生了改变会通知NSLayoutManager,进而做到文本内容的显示更新。
4.Text View:显示控件的,主要包含UILable、UITextView、UItextField

总结如下
1:文字多页、多列显示->使用多个NSTextContainer
2:针对不同的排版方式->使用多个NSLayoutManager

六、实战代码
1.动态文字Dynamic type
iOS7给出了6种字体样式选择:
UIFontTextStyleHeadline
UIFontTextStyleBody
UIFontTextStyleSubheadline
UIFontTextStyleFootnote
UIFontTextStyleCaption1
UIFontTextStyleCaption2

代码如下

B97E1C65-974E-4F03-A702-DCBADBC27445.png

效果如图所示
![Uploading 9E64C552-5006-462C-889E-21D913C8BFF3_214022.png . . .]

上一篇下一篇

猜你喜欢

热点阅读