在开发中,会遇到一段文本显示成不同属性或者在文字中间插入一些表情,图片,链接等情况.实现方法有很多,但是效果都不太理想.发现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];
图文混排
