iOS- 详解文本属性Attributes

ゝ一纸荒年。 2022-06-16 13:40 265阅读 0赞

1.NSKernAttributeName:

@10 调整字句 kerning 字句调整

2.NSFontAttributeName :

\[UIFont systemFontOfSize:\_fontSize\] 设置字体

3.NSForegroundColorAttributeName

:\[UIColor redColor\] 设置文字颜色

4.NSParagraphStyleAttributeName :

paragraph 设置段落样式

NSMutableParagraphStyle \*paragraph = \[\[NSMutableParagraphStyle alloc\] init\];

paragraph.alignment = NSTextAlignmentCenter;

6.NSBackgroundColorAttributeName:

\[UIColor blackColor\] 设置背景颜色

7.NSStrokeColorAttributeName

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

NSStrokeWidthAttributeName这个属性所对应的值是一个 NSNumber 对象(小数)。该值改变描边宽度（相对于字体size 的百分比）。默认为 0，即不改变。正数只改变描边宽度。负数同时改变文字的描边和填充宽度。例如，对于常见的空心字，这个值通常为3.0。

同时设置了空心的两个属性，并且NSStrokeWidthAttributeName属性设置为整数，文字前景色就无效果了

![1240][]

效果：

![1240 1][]

![1240 2][]

效果：

![1240 3][]

8. NSStrikethroughStyleAttributeName 添加删除线，strikethrough删除线

![1240 4][]

效果：

![1240 5][]

9. NSUnderlineStyleAttributeName 添加下划线

![1240 6][]

效果：

![1240 7][]

10. NSShadowAttributeName 设置阴影，单独设置不好使，必须和其他属性搭配才好使

和这三个任一个都好使，NSVerticalGlyphFormAttributeName，NSObliquenessAttributeName，NSExpansionAttributeName

11.NSVerticalGlyphFormAttributeName

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

![1240 8][]

效果:

![1240 9][]

12. NSObliquenessAttributeName设置字体倾斜。

![1240 10][]

效果：

![1240 11][]

13. NSExpansionAttributeName 设置文本扁平化

![1240 12][]

效果：

![1240 13][]

[1240]: /images/20220616/a2cc9dae97084d71ab6a1129db06c420.png
[1240 1]: /images/20220616/63c86a0571a345de889b5c48bb68b466.png
[1240 2]: /images/20220616/7f12a854f7114263b9ded84306f2eda4.png
[1240 3]: /images/20220616/d83d66e76fae47b0b98308ddc18656c4.png
[1240 4]: /images/20220616/e3e4ac0d6f7c4c9580bd3acef350bf29.png
[1240 5]: /images/20220616/8e9823e914b64b65ba08992f9d8809c0.png
[1240 6]: /images/20220616/fcabc20b8b0f4217a5733d8a27f91a3f.png
[1240 7]: /images/20220616/1e0202efd43c4aafa51c184f78500e95.png
[1240 8]: /images/20220616/7847a85e0628489c9670749401c455e0.png
[1240 9]: /images/20220616/c329296ce46849eda934885df0ddf393.png
[1240 10]: /images/20220616/2f292b305d2349b9851eefe0942e108a.png
[1240 11]: /images/20220616/b007aa88fb284c9eb32f965fa1af8363.png
[1240 12]: /images/20220616/5552b36a73214a39837d88b1ba357e7d.png
[1240 13]: /images/20220616/1f316b357aa14df98bfae4e44ad3d25e.png