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

更新时间：2017年10月27日 08:29:18 作者：Mazy_ma

iOS7以后，因为TextKit的强大，可以用NSAttributedString很方便的实现图文混排（主要是利用了NSTextAttachment），所以下面这篇文章主要给大家介绍了关于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

总结

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

您可能感兴趣的文章:

IOS 图文混排（CoreText.framework）详解及实例

详解使用ISO镜像搭建私有yum源
这篇文章主要介绍了详解使用ISO镜像搭建私有yum源，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-06-06
IOS图片设置毛玻璃效果
这篇文章主要介绍了IOS图片设置毛玻璃效果的相关资料,需要的朋友可以参考下
2016-03-03
IOS 使用Block二次封装AFNetworking 3.0详解
这篇文章主要介绍了IOS 使用Block二次封装AFNetworking 3.0详解的相关资料,需要的朋友可以参考下
2017-02-02
iOS实现手势密码功能
这篇文章主要为大家详细介绍了iOS实现手势密码功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-03-03
iOS中UIView实现不同方向的导角
这篇文章主要给大家介绍了关于iOS中UIView实现不同方向的导角的相关资料，文中通过示例代码介绍的非常详细，对大家学习或使用iOS具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2018-05-05
详解iOS webview加载时序和缓存问题总结
本篇文章主要介绍了iOS webview加载时序和缓存问题总结，这两天学习了Vue.js 感觉组件这个地方知识点挺多的，而且很重要，所以，今天添加一点小笔记。
2017-09-09
React Native学习教程之自定义NavigationBar详解
这篇文章主要给大家介绍了关于React Native学习教程之自定义NavigationBar的相关资料，文中通过是示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
2017-10-10
iOS常用调试方法之静态分析详解
这篇文章主要给大家介绍了关于iOS常用调试方法之静态分析的相关资料，文中通过示例代码介绍的非常详细，对各位iOS开发者们具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-04-04
iOS10 Xcode8适配7个常见问题汇总
这篇文章主要为大家详细汇总了iOS10 Xcode8适配7个常见问题,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-09-09
iOS中利用CAGradientLayer绘制渐变色的方法实例
有时候iOS开发中需要使用到渐变色，来给图片或者view盖上一层，使其显示效果更好，所以这篇文章主要给大家介绍了关于iOS中利用CAGradientLayer绘制渐变色的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考下。
2017-11-11