查看: 454|回复: 0

[IOS开发教程] iOS利用NSAttributedString实现图文混排效果示例

发表于 2017-11-29 08:00:04

前言

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

效果如下:

示例代码如下:

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

  1. NSMutableAttributedString *attributedString = [[NSMutableAttributedString alloc]initWithString:textString];
复制代码

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

  1. [attributedString addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:14] range:NSMakeRange(0, textString.length)];
  2. [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-获取一大段文字范围并修改属性

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

  1. // 此方法可以通过string获得范围进行修改
  2. NSRange startRange = [textString localizedStandardRangeOfString:@"我们即将采取以下措施:"];
  3. NSRange endRange = [textString localizedStandardRangeOfString:@"感谢您的一路相伴。"];
  4. [attributedString addAttribute:NSForegroundColorAttributeName value:[UIColor redColor] range:NSUnionRange(startRange, endRange)];
复制代码

5-为文本添加下划线

  1. // 设置文本下划线
  2. NSRange startRange1 = [textString localizedStandardRangeOfString:@"因此,"];
  3. NSRange endRange1 = [textString localizedStandardRangeOfString:@"之后转型企业云服务。"];
  4. [attributedString addAttribute:NSUnderlineStyleAttributeName value:@1 range:NSUnionRange(startRange1, endRange1)];
复制代码

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

  1. // 设置文本的描边
  2. [attributedString addAttribute:NSStrokeWidthAttributeName value:@2.0 range:[textString rangeOfString:@"存储传播非法文件、侵权盗版牟利、传播淫秽色情信息等违法犯罪行为"]];
  3. [attributedString addAttribute:NSStrokeColorAttributeName value:[UIColor brownColor] range:[textString rangeOfString:@"存储传播非法文件、侵权盗版牟利、传播淫秽色情信息等违法犯罪行为"]];
  4. [attributedString addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:17] range:[textString rangeOfString:@"存储传播非法文件、侵权盗版牟利、传播淫秽色情信息等违法犯罪行为"]];
复制代码

7-为文本添加图片附件

  1. // 插入图片附件
  2. NSTextAttachment *imageAtta = [[NSTextAttachment alloc] init];
  3. imageAtta.bounds = CGRectMake(0, 0, 375, 180);
  4. imageAtta.image = [UIImage imageNamed:@"360"];
  5. NSAttributedString *attach = [NSAttributedString attributedStringWithAttachment:imageAtta];
  6. [attributedString insertAttributedString:attach atIndex:0];
复制代码

8-为文本设置段落属性

  1. // 段落样式
  2. NSMutableParagraphStyle *style = [[NSMutableParagraphStyle alloc]init];
  3. // 行间距
  4. [style setLineSpacing:3];
  5. // 段落间距
  6. [style setParagraphSpacing:6];
  7. // 首行缩进
  8. [style setFirstLineHeadIndent:25];
  9. [attributedString addAttribute:NSParagraphStyleAttributeName value:style range:NSMakeRange(1, textString.length)];
复制代码

9-添加网址链接

  1. // 网址链接
  2. NSRange urlRange = [textString rangeOfString:@"yunpan.360.cn"];
  3. [attributedString addAttribute:NSLinkAttributeName value:[NSURL URLWithString:@"http://yunpan.360.cn"] range:NSMakeRange(urlRange.location, 14)];
  4. [attributedString addAttribute:NSBackgroundColorAttributeName value:[UIColor greenColor] range:NSMakeRange(urlRange.location, 14)];
复制代码

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

  1. #pragma mark ----------UITextViewDelegate----------
  2. - (BOOL)textView:(UITextView *)textView shouldInteractWithURL:(NSURL *)URL inRange:(NSRange)characterRange interaction:(UITextItemInteraction)interaction {
  3. NSLog(@"%@",URL);
  4. return YES;
  5. }
  6. - (BOOL)textView:(UITextView *)textView shouldInteractWithTextAttachment:(NSTextAttachment *)textAttachment inRange:(NSRange)characterRange interaction:(UITextItemInteraction)interaction {
  7. NSLog(@"%@",textAttachment.image);
  8. return YES;
  9. }
复制代码

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

  1. // 字体
  2. NSFontAttributeName // UIFont, default Helvetica(Neue) 12
  3. // 段落
  4. NSParagraphStyleAttributeName // NSParagraphStyle, default defaultParagraphStyle
  5. // 文字颜色
  6. NSForegroundColorAttributeName // UIColor, default blackColor
  7. // 背景颜色
  8. NSBackgroundColorAttributeName // UIColor, default nil: no background
  9. // 描边颜色
  10. NSStrokeColorAttributeName // UIColor, default nil: same as foreground color
  11. // 描边宽度
  12. NSStrokeWidthAttributeName // NSNumber containing floating point value, default 0
  13. // 阴影
  14. NSShadowAttributeName // NSShadow, default nil: no shadow
  15. // 附件
  16. NSAttachmentAttributeName // NSTextAttachment, default nil
  17. // 链接URL
  18. NSLinkAttributeName // NSURL (preferred) or NSString
  19. // 基线偏移量
  20. NSBaselineOffsetAttributeName // NSNumber containing floating point value,default 0
  21. // 下划线
  22. NSUnderlineColorAttributeName // UIColor, default nil: same as foreground color
复制代码

总结

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



回复

使用道具 举报

关闭

站长推荐上一条 /1 下一条