美文网首页
iOS中不同形式的图文混排技术的实现总结

iOS中不同形式的图文混排技术的实现总结

作者: 曹波波 | 来源:发表于2017-05-19 15:37 被阅读217次

    在我们iOS项目开发中,我们经常会遇到图文混排的情况,那么什么是图文混排呢?

    那么什么是图文混排呢?

    在这里我给大家举个例子大家就明白了,例如我们在微博类,社交聊天应用中常常会遇到各种表情,各种链接的解析。问题来了,图文混排的形式有哪些呢?

    图文混排的形式:

    1. 富文本形式

    2. core Text(文字排版)

    3. TextKit

    4. UIWebView

    1.富文本(attributeString)

    我们可以采用attributeString来进行图文混排.例如一个文字上插入一个图片

    1. coreText

    什么是coreText?

    iOS/OSX中用于描述富文本的类是NSAttributedString,顾名思义,它比NSString多了Attribute的概念。它可以包含很多属性,粗体,斜体,下划线,颜色,背景色等等,每个属性都有其对应的字符区域。在OSX上我们只需解析完毕相应的数据,准备好NSAttributedString即可,底层的绘制完全可以交给相应的控件完成。但是在iOS上就没有这么方便,想要绘制Attributed String就需要用到CoreText了。(当然iOS6之后已经有AttributedLabel了。)

    使用CoreText进行NSAttributedString的绘制,最重要的两个概念就是CTFrameSetter和CTFrame。

    其中CTFramesetter是由CFAttributedString(NSAttributedString)初始化而来,可以认为它是CTFrame的一个Factory,通过传入CGPath生成相应的CTFrame并使用它进行渲染:直接以CTFrame为参数使用CTFrameDraw绘制或者从CTFrame中获取CTLine进行微调后使用CTLineDraw进行绘制。

    一个CTFrame是由一行一行的CLine组成,每个CTLine又会包含若干个CTRun(既字形绘制的最小单元),通过相应的方法可以获取到不同位置的CTRun和CTLine,以实现对不同位置touch事件的响应。

    1. TextKit

    ios7 开始,功能强大,简单易用,也可以进行图文混排. TextKit并没有新增的类,他是在原有的文本显示控件上的封装,可以使用平时我们最喜欢使用的UILabel,UITextField,UITextView里面就可以使用了。现在来详细介绍一下.

    1).NSAtrributedString

    这是所有TextKit的载体,所有的信息都会输入到NSAttributedString里面,然后将这个String输入到Text控件里面就可以显示了。

    2).NSTextAttachment

    iOS7新增的类,作为文本的附件,可以放文件,可以放数据,以 NSAttachmentAttributeName这个key放入NSAttributedString里面,在表情混排这里,我们将放入image。

    3).重载NSTextAttachment

    本来是可以直接使用NSTextAttachment,但是我们需要根据文字大小来改变表情图片的大小,于是我们需要重载NSTextAttachment,NSTextAttachment实现了NSTextAttachmentContainer,可以给我们改变返回的图像,图像的大小。

    1. UIWebView

    利用UIWebView加载HTML实现图文混排

    但是注意:UIWebView本身有内存问题,占用内存相比较而较大不推荐,但是使用比较灵活,

    相关文章

      网友评论

          本文标题:iOS中不同形式的图文混排技术的实现总结

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