iOS富文本字符串AttributedString详解

首先要创建一个带有属性的字符串NSMutableAttributedString

NSMutableAttributedString *attrString = [[NSMutableAttributedString alloc] initWithString:@"这是一个富文本字符串"]; 
/* 其他几种创建方法
- (instancetype)initWithString:(NSString *)str;
- (instancetype)initWithString:(NSString *)str attributes:(nullable NSDictionary<NSString *, id> *)attrs;
- (instancetype)initWithAttributedString:(NSAttributedString *)attrStr;
*/

如何设置这个字符串的属性(以下两个方法:)

- (void)addAttribute:(NSString *)name value:(id)value range:(NSRange)range; // 每次设置一个属性和它对应的值
- (void)addAttributes:(NSDictionary<NSString *, id> *)attrs range:(NSRange)range; // 一次可以设置多个属性 属性和属性值以字典键值对形式进行设置
// range参数是设置要设置属性的字符串范围

常用的属性都有哪些

  • 字体
[attrStr addAttribute:NSFontAttributeName
                value:[UIFont systemFontOfSize:30.0f]
                range:NSMakeRange(4, 3)];
效果图
  • 颜色
[attrStr addAttribute:NSForegroundColorAttributeName
                value:[UIColor redColor]
                range:NSMakeRange(4, 3)];
效果图
[attrStr addAttribute:NSBackgroundColorAttributeName
                value:[UIColor redColor]
                range:NSMakeRange(4, 3)];
效果图
  • 空心字
[attrStr addAttribute:NSStrokeColorAttributeName
                value:[UIColor redColor]
                range:NSMakeRange(4, 3)];  // 设置描边颜色 要和NSStrokeWidthAttributeName设置描边宽度一起使用
[attrStr addAttribute:NSStrokeWidthAttributeName
                value:@1.5
                range:NSMakeRange(4, 3)]; 
效果图
  • 间距
[attrStr addAttribute:NSKernAttributeName
                value:@10                    // NSNumber
                range:NSMakeRange(4, 3)];
效果图
  • 倾斜
[attrStr addAttribute:NSObliquenessAttributeName
                value:@(0.5f)          // 正值向右倾斜 负值向左倾斜
                range:NSMakeRange(4, 3)];
效果图
  • 拉伸、压缩
[attrStr addAttribute:NSExpansionAttributeName
                value:@(0.5f)      // 正值横向拉伸 负值横向压缩
                range:NSMakeRange(4, 3)];

效果图
  • 连体
NSMutableAttributedString * attrStr = [[NSMutableAttributedString alloc] initWithString:@"'flush' is a string!"];
[attrStr addAttribute:NSLigatureAttributeName
                value:@1
                range:NSMakeRange(1, 5)];
[attrStr addAttribute:NSFontAttributeName
                value:[UIFont fontWithName:@"futura" size:30]
                range:NSMakeRange(1, 5)];
效果图(注意fl两个字母的连接效果)
  • 基线偏移量
[attrStr addAttribute:NSBaselineOffsetAttributeName
                value:@(10)   // 正值上偏 负值下偏
                range:NSMakeRange(4, 3)];

效果图
  • 阴影
NSShadow *shadow = [[NSShadow alloc] init];  // NSShadow只有3个属性:阴影颜色,模糊半径和偏移
shadow.shadowOffset     = CGSizeMake(3, 3);   // 阴影偏移(X方向偏移和Y方向偏移)
shadow.shadowBlurRadius = 1.5;                // 模糊半径
shadow.shadowColor      = [UIColor redColor]; // 阴影颜色
[attrStr addAttribute:NSShadowAttributeName
                value:shadow
                range:NSMakeRange(4, 3)];
效果图
  • 特殊效果
[attrStr addAttribute:NSTextEffectAttributeName
                value:NSTextEffectLetterpressStyle  // NSString类型 目前只有NSTextEffectLetterpressStyle(凸版印刷效果)可用
                range:NSMakeRange(4, 3)];
效果图
  • 书写方向
[attrStr addAttribute:NSWritingDirectionAttributeName
                value:@[@(NSWritingDirectionRightToLeft | NSWritingDirectionOverride)]
                range:NSMakeRange(0, attrStr.length)];
效果图
//NSWritingDirectionAttributeName 设置文字书写方向,取值为以下组合
// iOS9.0以前
    //@[@(NSWritingDirectionLeftToRight | NSTextWritingDirectionEmbedding)]
    //@[@(NSWritingDirectionLeftToRight | NSTextWritingDirectionOverride)]
    //@[@(NSWritingDirectionRightToLeft | NSTextWritingDirectionEmbedding)]
    //@[@(NSWritingDirectionRightToLeft | NSTextWritingDirectionOverride)]
// iOS9.0以后
    //@[@(NSWritingDirectionLeftToRight | NSWritingDirectionEmbedding)]
    //@[@(NSWritingDirectionLeftToRight | NSWritingDirectionOverride)]
    //@[@(NSWritingDirectionRightToLeft | NSWritingDirectionEmbedding)]
    //@[@(NSWritingDirectionRightToLeft | NSWritingDirectionOverride)]
// NSWritingDirectionOverride 和 NSWritingDirectionEmbedding 是指定Unicode双向定义的格式控制算法(具体的没太搞清楚)
  • 横、竖排版
[attrStr addAttribute:NSVerticalGlyphFormAttributeName
                value:@0   // 0横向排版 1竖向排版 iOS中除了0以外都未定义,所以都为横向排版
                range:NSMakeRange(0, attrStr.length)];
  • 下划线
[attrStr addAttribute:NSUnderlineStyleAttributeName
                value:@(NSUnderlineStyleSingle)
                range:NSMakeRange(4, 3)];
效果图
[attrStr addAttribute:NSUnderlineColorAttributeName
                value:[UIColor redColor]
                range:NSMakeRange(4, 3)];
效果图
typedef NS_ENUM(NSInteger, NSUnderlineStyle) {
    NSUnderlineStyleNone                                    = 0x00,
    NSUnderlineStyleSingle                                  = 0x01,
    NSUnderlineStyleThick NS_ENUM_AVAILABLE(10_0, 7_0)      = 0x02,
    NSUnderlineStyleDouble NS_ENUM_AVAILABLE(10_0, 7_0)     = 0x09,
    NSUnderlinePatternSolid NS_ENUM_AVAILABLE(10_0, 7_0)      = 0x0000,
    NSUnderlinePatternDot NS_ENUM_AVAILABLE(10_0, 7_0)        = 0x0100,
    NSUnderlinePatternDash NS_ENUM_AVAILABLE(10_0, 7_0)       = 0x0200,
    NSUnderlinePatternDashDot NS_ENUM_AVAILABLE(10_0, 7_0)    = 0x0300,
    NSUnderlinePatternDashDotDot NS_ENUM_AVAILABLE(10_0, 7_0) = 0x0400,

    NSUnderlineByWord NS_ENUM_AVAILABLE(10_0, 7_0)            = 0x8000
} NS_ENUM_AVAILABLE(10_0, 6_0);
  • 删除线
[attrStr addAttribute:NSStrikethroughStyleAttributeName
                value:@(NSUnderlinePatternSolid | NSUnderlineStyleSingle)
                range:NSMakeRange(4, 3)];
效果图
[attrStr addAttribute:NSStrikethroughColorAttributeName
                value:[UIColor redColor]
                range:NSMakeRange(4, 3)];
效果图
  • 网址
NSMutableAttributedString * attrStr = [[NSMutableAttributedString alloc] initWithString:@"这是一个网址http://www.jianshu.com/users/37f2920f6848字符串!"];
[attrStr addAttribute:NSLinkAttributeName
                value:@"http://www.jianshu.com/users/37f2920f6848"
                range:NSMakeRange(6, attrStr.length -6 -4)];
// label显示出来的连接是点击不了的 textView的是可以的 有响应的回调函数shouldInteractWithURL
效果图
  • 图文混排
NSMutableAttributedString * attrStr = [[NSMutableAttributedString alloc] initWithString:@"这是一个富文本字符串!"];
// 创建一个文字附件对象
NSTextAttachment *textAttachment = [[NSTextAttachment alloc] init];
textAttachment.image = [UIImage imageNamed:@"11.png"];  //设置图片源
textAttachment.bounds = CGRectMake(0, -6, 30, 30);  //设置图片位置和大小
// 将文字附件转换成属性字符串
NSAttributedString *attachmentAttrStr = [NSAttributedString attributedStringWithAttachment:textAttachment];
// 将转换成属性字符串插入到目标字符串
[attrStr insertAttributedString:attachmentAttrStr atIndex:8];
效果图
  • 段落
NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc] init];
    // 行间距
    paragraphStyle.lineSpacing = 15.f;
    // 段落间距
    paragraphStyle.paragraphSpacing = 30.f;
    // 段落缩进像素
    paragraphStyle.firstLineHeadIndent = 40.f;
    // 整体缩进像素
    paragraphStyle.headIndent = 15.f;
    // 对齐方式
    paragraphStyle.alignment = NSTextAlignmentLeft;
// 其他属性请自行查阅NSMutableParagraphStyle头文件
NSMutableAttributedString * attrStr = [[NSMutableAttributedString alloc] initWithString:@"这是一个富文本字符串。\n这是一个富文本字符串?\n这是一个富文本字符串!"];
[attrStr addAttribute:NSParagraphStyleAttributeName
                value:paragraphStyle
                range:NSMakeRange(0, attrStr.length)];
效果图

版权声明:出自MajorLMJ技术博客的原创作品 ,转载时必须注明出处及相应链接!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,456评论 5 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,370评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,337评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,583评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,596评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,572评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,936评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,595评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,850评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,601评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,685评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,371评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,951评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,934评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,167评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,636评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,411评论 2 342

推荐阅读更多精彩内容