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

前言

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

效果如下:

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

示例代码如下：

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

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

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

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

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

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

3-修改标题文字属性

通过字符串获取范围

1	`[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