iOS中的Attribute-富文本文字

迈不过友情╰ 2023-10-17 15:10 104阅读 0赞

#### NSFontAttributeName(字体) ####

该属性所对应的值是一个 UIFont 对象。该属性用于改变一段文本的字体。如果不指定该属性，则默认为12-point Helvetica(Neue)。

#### NSParagraphStyleAttributeName(段落) ####

该属性所对应的值是一个 NSParagraphStyle 对象。该属性在一段文本上应用多个属性。如果不指定该属性，则默认为 NSParagraphStyle 的defaultParagraphStyle 方法返回的默认段落属性。

NSMutableParagraphStyle *paragraph = [[NSMutableParagraphStyle alloc] init];
    paragraph.alignment = NSTextAlignmentCenter;

#### NSForegroundColorAttributeName(字体颜色) ####

该属性所对应的值是一个 UIColor 对象。该属性用于指定一段文本的字体颜色。如果不指定该属性，则默认为黑色。

// NSForegroundColorAttributeName 
    NSDictionary *attrDict1 = @{ NSForegroundColorAttributeName: [UIColor redColor] };
    NSDictionary *attrDict2 = @{ NSForegroundColorAttributeName: [UIColor blueColor] };
    NSDictionary *attrDict3 = @{ NSForegroundColorAttributeName: [UIColor orangeColor] };
    
    _label01.attributedText = [[NSAttributedString alloc] initWithString: originStr attributes: attrDict1];
    _label02.attributedText = [[NSAttributedString alloc] initWithString: originStr attributes: attrDict2];
    _label03.attributedText = [[NSAttributedString alloc] initWithString: originStr attributes: attrDict3];

> 注意：  
> NSForegroundColorAttributeName 设置的颜色与 UILabel 的 textColor 属性设置的颜色在地位上是相等的，与 NSBackgroundColorAttributeName 地位上也相等，谁最后赋值，最终显示的就是谁的颜色，但是textColor属性可以与 NSBackgroundColorAttributeName 属性可叠加。

#### NSBackgroundColorAttributeName(字体背景色) ####

该属性所对应的值是一个 UIColor 对象。该属性用于指定一段文本的背景颜色。如果不指定该属性，则默认无背景色。

#### NSLigatureAttributeName(连字符) ####

该属性所对应的值是一个 NSNumber 对象(整数)。连体字符是指某些连在一起的字符，它们采用单个的图元符号。0 表示没有连体字符。1 表示使用默认的连体字符。2表示使用所有连体符号。默认值为 1（注意，iOS 不支持值为 2）。

NSString *ligatureStr = @"flush";
    
    NSDictionary *attrDict1 = @{ NSLigatureAttributeName: [NSNumber numberWithInt: 0], 
    NSFontAttributeName: [UIFont fontWithName: @"futura" size: 30] };
    
    _label01.attributedText = [[NSAttributedString alloc] initWithString: ligatureStr attributes: attrDict1];
    
    NSDictionary *attrDict2 = @{ NSLigatureAttributeName: @(1), 
    NSFontAttributeName: [UIFont fontWithName: @"futura" size: 30] 
                                 };
    _label02.attributedText = [[NSAttributedString alloc] initWithString: ligatureStr attributes: attrDict2];

由于要展示连体字符，所以将前面使用的带有中文的字符串换成 flush

NSLigatureAttributeName的取值为NSNumber对象，所以不能直接将一个整数值赋给它，创建 NSNumber 对象的方法有很多，或者可以简写成 @(int)

注意观察字母f和l之间的变化。  
感觉连写就是一个艺术字功能，当字符f和l组合使用组合符号（所谓的字形(glyph)）绘制时，看起来确实更加美观。但是并非所有的字符之间都有组合符号，事实上，只有某些字体中得某些字符的组合（如字符f和l，字符f和i等）才具有美观的组合符号。

#### NSKernAttributeName(字间距) ####

NSKernAttributeName 设定字符间距，取值为 NSNumber 对象（整数），正值间距加宽，负值间距变窄

NSDictionary *attrDict1 = @{ NSKernAttributeName: @(-3), 
     NSFontAttributeName: [UIFont systemFontOfSize: 20]
                                   };
      _label01.attributedText = [[NSAttributedString alloc] initWithString: originStr attributes: attrDict1];
    
    
    NSDictionary *attrDict2 = @{ NSKernAttributeName: @(0), 
     NSFontAttributeName: [UIFont systemFontOfSize: 20]
                                   };
    _label02.attributedText = [[NSAttributedString alloc] initWithString: originStr attributes: attrDict2];
    
    
    NSDictionary *attrDict3 = @{ NSKernAttributeName: @(10), 
    NSFontAttributeName: [UIFont systemFontOfSize: 20]
                                   };
    _label03.attributedText = [[NSAttributedString alloc] initWithString: originStr attributes: attrDict3];

--------------------

#### NSStrikethroughStyleAttributeName(删除线) ####

NSStrikethroughStyleAttributeName 设置删除线，取值为 NSNumber 对象（整数），枚举常量 NSUnderlineStyle中的值：

*  NSUnderlineStyleNone 不设置删除线
 *  NSUnderlineStyleSingle 设置删除线为细单实线
 *  NSUnderlineStyleThick 设置删除线为粗单实线
 *  NSUnderlineStyleDouble 设置删除线为细双实线

默认值是NSUnderlineStyleNone。

![1240][]

![1240 1][]

NSDictionary *attrDict1 = @{ NSStrikethroughStyleAttributeName: @(NSUnderlineStyleSingle),
                                 NSFontAttributeName: [UIFont systemFontOfSize:20] };
    _label01.attributedText = [[NSAttributedString alloc] initWithString: originStr attributes: attrDict1];
    
    
    NSDictionary *attrDict2 = @{ NSStrikethroughStyleAttributeName: @(NSUnderlineStyleThick),
                                 NSFontAttributeName: [UIFont systemFontOfSize:20] };
    _label02.attributedText = [[NSAttributedString alloc] initWithString: originStr attributes: attrDict2];
    
    
    NSDictionary *attrDict3 = @{ NSStrikethroughStyleAttributeName: @(NSUnderlineStyleDouble),
                                 NSFontAttributeName: [UIFont systemFontOfSize:20] };
    _label03.attributedText = [[NSAttributedString alloc] initWithString: originStr attributes: attrDict3];

> 注意：

*  虽然使用了枚举常量，但是枚举常量的本质仍为整数，所以同样必须先转化为 NSNumber 才能使用
 *  删除线和下划线使用相同的枚举常量作为其属性值
 *  目前iOS中只有上面列出的4中效果，虽然我们能够在头文件中发现其他更多的取值，但是使用后没有任何效果

可以看出，中文和英文删除线的位置有所不同

另外，删除线属性取值除了上面的4种外，其实还可以取其他整数值，有兴趣的可以自行试验，取值为 0 - 7时，效果为单实线，随着值得增加，单实线逐渐变粗，取值为 9 - 15时，效果为双实线，取值越大，双实线越粗。

NSDictionary *attrDict1 = @{ NSStrikethroughStyleAttributeName: @(1),
                                 NSFontAttributeName: [UIFont systemFontOfSize:20] };
    _label01.attributedText = [[NSAttributedString alloc] initWithString: originStr attributes: attrDict1];
    
    
    NSDictionary *attrDict2 = @{ NSStrikethroughStyleAttributeName: @(3),
                                 NSFontAttributeName: [UIFont systemFontOfSize:20] };
    _label02.attributedText = [[NSAttributedString alloc] initWithString: originStr attributes: attrDict2];
    
    
    NSDictionary *attrDict3 = @{ NSStrikethroughStyleAttributeName: @(7),
                                 NSFontAttributeName: [UIFont systemFontOfSize:20] };
    _label03.attributedText = [[NSAttributedString alloc] initWithString: originStr attributes: attrDict3];

#### NSStrikethroughColorAttributeName ####

NSStrikethroughColorAttributeName 设置删除线颜色，取值为 UIColor 对象，默认值为黑色

NSDictionary *attrDict1 = @{ NSStrikethroughColorAttributeName: [UIColor blueColor],
                                   NSStrikethroughStyleAttributeName: @(1),
                                   NSFontAttributeName: [UIFont systemFontOfSize:20] };
    _label01.attributedText = [[NSAttributedString alloc] initWithString: originStr attributes: attrDict1];
    
    
    NSDictionary *attrDict2 = @{ NSStrikethroughColorAttributeName: [UIColor orangeColor],
                                   NSStrikethroughStyleAttributeName: @(3),
                                   NSFontAttributeName: [UIFont systemFontOfSize:20] };
    _label02.attributedText = [[NSAttributedString alloc] initWithString: originStr attributes: attrDict2];
    
    
    NSDictionary *attrDict3 = @{ NSStrikethroughColorAttributeName: [UIColor greenColor],
                                   NSStrikethroughStyleAttributeName: @(7),
                                   NSFontAttributeName: [UIFont systemFontOfSize:20] };
    
    _label03.attributedText = [[NSAttributedString alloc] initWithString: originStr attributes: attrDict3];

#### NSUnderlineStyleAttributeName(下划线) ####

该属性所对应的值是一个 NSNumber 对象(整数)。该值指定是否在文字上加上下划线，该值参考“Underline Style Attributes”。默认值是NSUnderlineStyleNone。

下划线除了线条位置和删除线不同外，其他的都可以完全参照删除线设置。

![1240 2][]

![1240 3][]

#### NSUnderlineColorAttributeName ####

NSUnderlineColorAttributeName 设置下划线颜色，取值为 UIColor 对象，默认值为黑色

NSDictionary *attrDict1 = @{ NSUnderlineColorAttributeName: [UIColor blueColor],
                                    NSUnderlineStyleAttributeName: @(NSUnderlineStyleSingle),
                                    NSFontAttributeName: [UIFont systemFontOfSize:20] };
    
    _label01.attributedText = [[NSAttributedString alloc] initWithString: originStr attributes: attrDict1];
    
    NSDictionary *attrDict2 = @{ NSUnderlineColorAttributeName: [UIColor orangeColor],
                                    NSUnderlineStyleAttributeName: @(NSUnderlineStyleThick),
                                    NSFontAttributeName: [UIFont systemFontOfSize:20] };
    
    _label02.attributedText = [[NSAttributedString alloc] initWithString: originStr attributes: attrDict2];
    
    NSDictionary *attrDict3 = @{ NSUnderlineColorAttributeName: [UIColor greenColor],
                                    NSUnderlineStyleAttributeName: @(NSUnderlineStyleDouble),
                                    NSFontAttributeName: [UIFont systemFontOfSize:20] };
    
    _label03.attributedText = [[NSAttributedString alloc] initWithString: originStr attributes: attrDict3];

--------------------

#### NSStrokeColorAttributeName(边线颜色) 和 NSStrokeWidthAttributeName(边线宽度) ####

设置文字描边颜色，需要和NSStrokeWidthAttributeName设置描边宽度，这样就能使文字空心.

NSStrokeWidthAttributeName 这个属性所对应的值是一个 NSNumber 对象(小数)。该值改变笔画宽度（相对于字体 size 的百分比），负值填充效果，正值中空效果，默认为 0，即不改变。正数只改变描边宽度。负数同时改变文字的描边和填充宽度。例如，对于常见的空心字，这个值通常为 3.0。  
同时设置了空心的两个属性，并且 NSStrokeWidthAttributeName 属性设置为整数，文字前景色就无效果了

NSStrokeColorAttributeName 填充部分颜色，不是字体颜色，取值为 UIColor 对象

![1240 4][]

![1240 5][]

![1240 6][]

NSDictionary *attrDict1 = @{ NSStrokeWidthAttributeName: @(-3),
                                   NSFontAttributeName: [UIFont systemFontOfSize:30] };
    
    _label01.attributedText = [[NSAttributedString alloc] initWithString: originStr attributes: attrDict1];
    
    
    NSDictionary *attrDict2 = @{ NSStrokeWidthAttributeName: @(0),
                                   NSFontAttributeName: [UIFont systemFontOfSize:30] };
    
    _label02.attributedText = [[NSAttributedString alloc] initWithString: originStr attributes: attrDict2];
    
    NSDictionary *attrDict3 = @{ NSStrokeWidthAttributeName: @(3),
                                   NSFontAttributeName: [UIFont systemFontOfSize:30] };
    
    _label03.attributedText = [[NSAttributedString alloc] initWithString: originStr attributes: attrDict3];
    
    NSDictionary *attrDict1 = @{ NSStrokeWidthAttributeName: @(-3),
                                    NSStrokeColorAttributeName: [UIColor orangeColor],
                                    NSFontAttributeName: [UIFont systemFontOfSize:30] };
    
    _label01.attributedText = [[NSAttributedString alloc] initWithString: originStr attributes: attrDict1];
    
    NSDictionary *attrDict2 = @{ NSStrokeWidthAttributeName: @(0),
                                    NSStrokeColorAttributeName: [UIColor blueColor],
                                    NSFontAttributeName: [UIFont systemFontOfSize:30] };
    
    _label02.attributedText = [[NSAttributedString alloc] initWithString: originStr attributes: attrDict2];
    
    
    NSDictionary *attrDict3 = @{ NSStrokeWidthAttributeName: @(3),
                                    NSStrokeColorAttributeName: [UIColor greenColor],
                                    NSFontAttributeName: [UIFont systemFontOfSize:30] };
    
    _label03.attributedText = [[NSAttributedString alloc] initWithString: originStr attributes: attrDict3];

--------------------

#### NSShadowAttributeName(阴影) ####

该属性所对应的值是一个 NSShadow 对象。默认为 nil。单独设置不好使，和这三个任一个都好使，NSVerticalGlyphFormAttributeName，NSObliquenessAttributeName，NSExpansionAttributeName

#### NSVerticalGlyphFormAttributeName(横竖排版) ####

该属性所对应的值是一个 NSNumber 对象(整数)。0 表示横排文本。1 表示竖排文本。在 iOS 中，总是使用横排文本，0 以外的值都未定义。

![1240 7][]

![1240 8][]

#### NSObliquenessAttributeName(字体倾斜) ####

![1240 9][]

![1240 10][]

#### NSExpansionAttributeName (文本扁平化) ####

![1240 11][]

![1240 12][]

作者：Ammar  
链接：http://www.jianshu.com/p/8f49c9c99b21  
來源：简书  
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

[1240]: http://upload-images.jianshu.io/upload_images/1330553-2fe4ce1667665db1.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
[1240 1]: http://upload-images.jianshu.io/upload_images/1330553-04e774049d5a770e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
[1240 2]: http://upload-images.jianshu.io/upload_images/1330553-a9bf646f063f8701.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
[1240 3]: http://upload-images.jianshu.io/upload_images/1330553-1c23c36a8a2719ec.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
[1240 4]: http://upload-images.jianshu.io/upload_images/1330553-2825684bd353d666.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
[1240 5]: http://upload-images.jianshu.io/upload_images/1330553-d2cb9c839b842da8.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
[1240 6]: http://upload-images.jianshu.io/upload_images/1330553-65c1a8d4e848e83d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
[1240 7]: http://upload-images.jianshu.io/upload_images/1330553-0ddb4218c5f05344.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
[1240 8]: http://upload-images.jianshu.io/upload_images/1330553-ede45ae5f11021b7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
[1240 9]: http://upload-images.jianshu.io/upload_images/1330553-28ad05f9578b75d9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
[1240 10]: http://upload-images.jianshu.io/upload_images/1330553-2fd83bddebe5cb72.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
[1240 11]: http://upload-images.jianshu.io/upload_images/1330553-d3edbc2a6a3cff06.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
[1240 12]: http://upload-images.jianshu.io/upload_images/1330553-e761c22b0ab033b3.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240