iOS开发 - 富文本(NSMuttableAttstring)简单实用

在开发中,会遇到一段文本显示成不同属性或者在文字中间插入一些表情,图片,链接等情况.实现方法有很多,但是效果都不太理想.发现NSMuttableAttstring(富文本)可以很简单实现以上需求.

NSMuttableAttstring的三种初始化方法与区别####

方法1:######

//创建富文本方法1
NSMutableAttributedString *attrStr1 = [[NSMutableAttributedString alloc] initWithString:@"这是一个富文本字符串1"];

方法1富文本效果

方法2:######

//设置文本属性
NSDictionary *attributesDic = @{NSFontAttributeName:[UIFont systemFontOfSize:22],NSForegroundColorAttributeName:[UIColor redColor]};
//创建富文本方法2
NSMutableAttributedString *attrStr2 = [[NSMutableAttributedString alloc] initWithString:@"这是一个富文本字符串2" attributes:attributesDic];

方法2可以对文字添加属性

方法3:######

//创建富文本方法3
NSMutableAttributedString *attrStr3 = [[NSMutableAttributedString alloc] initWithAttributedString:attrStr2];

方法3通过attrStr2创建,与富文本2是一样的效果

NSMuttableAttstring的属性添加####

core API: addAttribute:参数1 value:参数2 range:参数3
参数1:设置的属性类型
参数2:设置属性值
参数3:设置属性的文本范围
可设置的文本属性很多,在这里就不一一演示,拿出实用的几个来看下效果,如果想查看可文本属性可以参考详解文本属性Attributes.

//字体颜色设置
[attrStr2 addAttribute:NSForegroundColorAttributeName value:[UIColor redColor] range:NSMakeRange(5, 3)];

指定文本颜色设置

//下划线设置(下划线类型很多,可以根据需求选择)
[attrStr2 addAttribute:NSUnderlineStyleAttributeName value:@(NSUnderlineStyleSingle) range:NSMakeRange(5, 3)];

指定文字下划线设置

//超链接设置
[attrStr2 addAttribute:NSLinkAttributeName value:[NSURL URLWithString:@"http://www.jianshu.com/p/012dd4027d5c"] range:NSMakeRange(5, 3)];

注意的是超链接文本需要把 textView的editable 属性设置为 NO才可以进行超链接(UILabel, UITextField 不好用);

点击指定文本进行跳转

//设置文字阴影 
NSShadow *shadow = [[NSShadow alloc] init]; 
shadow.shadowOffset = CGSizeMake(2, 2);  
shadow.shadowBlurRadius = 1.5;  
shadow.shadowColor = [UIColor grayColor];  

[attrStr2 addAttribute:NSShadowAttributeName value:shadow range:NSMakeRange(5, 3)];

指定文字阴影

//图文混排
NSTextAttachment *textAttachment = [[NSTextAttachment alloc] init];
textAttachment.image = [UIImage imageNamed:@"IMG_4802.png"];
textAttachment.bounds = CGRectMake(0, -5, 30, 30);
// 用textAttachment生成属性字符串
NSAttributedString *attachmentAttrStr = [NSAttributedString attributedStringWithAttachment:textAttachment];
// 属性字符串插入到目标字符串
[attrStr2 insertAttributedString:attachmentAttrStr atIndex:8];

图文混排