iOS利用NSAttributedString实现图文混排效果示例

前言

nsattributedstring 可以非常方便的实现文字排版和图文混排功能,uilabel 和 uitextview 都能添加 nsattributedstring 属性字符串，通过这一点，可以实现带有属性的文字和文字内包含图片的文本内容展示。话不多说了，下面来一起看看详细的介绍吧。

效果如下:

示例代码如下：

1-初始化可变属性字符串

 nsmutableattributedstring *attributedstring = [[nsmutableattributedstring alloc]initwithstring:textstring];

2-设置全局字体属性(设置字体大小为14)

 [attributedstring addattribute:nsfontattributename value:[uifont systemfontofsize:14] range:nsmakerange(0, textstring.length)];
 [attributedstring addattribute:nskernattributename value:@1 range:nsmakerange(0, textstring.length)];

上面两句代码可以简写为一句(为属性字符串同时添加多个属性)

 [attributedstring addattributes:@{nsfontattributename: [uifont systemfontofsize:14],nskernattributename: @1} range:nsmakerange(0, textstring.length)];

3-修改标题文字属性

通过字符串获取范围

 [attributedstring addattributes:@{nsfontattributename: [uifont systemfontofsize:26],nsforegroundcolorattributename: [uicolor bluecolor]} range:[textstring rangeofstring:@"360云盘服务转型公告"]];

4-获取一大段文字范围并修改属性

通过前后字符串获取大段字符的范围

 // 此方法可以通过string获得范围进行修改
 nsrange startrange = [textstring localizedstandardrangeofstring:@"我们即将采取以下措施："];
 nsrange endrange = [textstring localizedstandardrangeofstring:@"感谢您的一路相伴。"];
 [attributedstring addattribute:nsforegroundcolorattributename value:[uicolor redcolor] range:nsunionrange(startrange, endrange)];

5-为文本添加下划线

 // 设置文本下划线
 nsrange startrange1 = [textstring localizedstandardrangeofstring:@"因此，"];
 nsrange endrange1 = [textstring localizedstandardrangeofstring:@"之后转型企业云服务。"];
 [attributedstring addattribute:nsunderlinestyleattributename value:@1 range:nsunionrange(startrange1, endrange1)];

6-为文本内文字添加描边

 // 设置文本的描边
 [attributedstring addattribute:nsstrokewidthattributename value:@2.0 range:[textstring rangeofstring:@"存储传播非法文件、侵权盗版牟利、传播淫秽色情信息等违法犯罪行为"]];
 [attributedstring addattribute:nsstrokecolorattributename value:[uicolor browncolor] range:[textstring rangeofstring:@"存储传播非法文件、侵权盗版牟利、传播淫秽色情信息等违法犯罪行为"]];
 [attributedstring addattribute:nsfontattributename value:[uifont systemfontofsize:17] range:[textstring rangeofstring:@"存储传播非法文件、侵权盗版牟利、传播淫秽色情信息等违法犯罪行为"]];

7-为文本添加图片附件

 // 插入图片附件
 nstextattachment *imageatta = [[nstextattachment alloc] init];
 imageatta.bounds = cgrectmake(0, 0, 375, 180);
 imageatta.image = [uiimage imagenamed:@"360"];
 nsattributedstring *attach = [nsattributedstring attributedstringwithattachment:imageatta];
 [attributedstring insertattributedstring:attach atindex:0];

8-为文本设置段落属性

 // 段落样式
 nsmutableparagraphstyle *style = [[nsmutableparagraphstyle alloc]init];
 // 行间距
 [style setlinespacing:3];
 // 段落间距
 [style setparagraphspacing:6];
 // 首行缩进
 [style setfirstlineheadindent:25];
 [attributedstring addattribute:nsparagraphstyleattributename value:style range:nsmakerange(1, textstring.length)];

9-添加网址链接

 // 网址链接
 nsrange urlrange = [textstring rangeofstring:@"yunpan.360.cn"];
 [attributedstring addattribute:nslinkattributename value:[nsurl urlwithstring:@"http://yunpan.360.cn"] range:nsmakerange(urlrange.location, 14)];
 [attributedstring addattribute:nsbackgroundcolorattributename value:[uicolor greencolor] range:nsmakerange(urlrange.location, 14)];

10-通过uitextviewdelegate代理方法,监听url和附件的点击

 #pragma mark ----------uitextviewdelegate----------
- (bool)textview:(uitextview *)textview shouldinteractwithurl:(nsurl *)url inrange:(nsrange)characterrange interaction:(uitextiteminteraction)interaction {
 nslog(@"%@",url);
 return yes;
}

- (bool)textview:(uitextview *)textview shouldinteractwithtextattachment:(nstextattachment *)textattachment inrange:(nsrange)characterrange interaction:(uitextiteminteraction)interaction {
 nslog(@"%@",textattachment.image);
 return yes;
}

补充:常用属性字符串属性

 // 字体
 nsfontattributename    // uifont, default helvetica(neue) 12
 // 段落
 nsparagraphstyleattributename  // nsparagraphstyle, default defaultparagraphstyle
 // 文字颜色
 nsforegroundcolorattributename // uicolor, default blackcolor
 // 背景颜色
 nsbackgroundcolorattributename // uicolor, default nil: no background
 // 描边颜色
 nsstrokecolorattributename  // uicolor, default nil: same as foreground color
 // 描边宽度
 nsstrokewidthattributename  // nsnumber containing floating point value, default 0
 // 阴影
 nsshadowattributename    // nsshadow, default nil: no shadow
 // 附件
 nsattachmentattributename   // nstextattachment, default nil
 // 链接url
 nslinkattributename    // nsurl (preferred) or nsstring
 // 基线偏移量
 nsbaselineoffsetattributename  // nsnumber containing floating point value,default 0
 // 下划线
 nsunderlinecolorattributename  // uicolor, default nil: same as foreground color

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对的支持。