iOS 之-富文本 (NSAttributedString)

关于富文本能做什么我就不多说了,我们一般遇到的图文混排等,这个还是很好做到的。

好,开讲了:
在讲之前,我们得先明白他的属性和一些方法

1.属性:

    NSFontAttributeName                设置字体属性,默认值:字体:Helvetica(Neue) 字号:12
    NSForegroundColorAttributeNam      设置字体颜色,取值为 UIColor对象,默认值为黑色
    NSBackgroundColorAttributeName     设置字体所在区域背景颜色,取值为 UIColor对象,默认值为nil, 透明色
    NSLigatureAttributeName            设置连体属性,取值为NSNumber 对象(整数),0 表示没有连体字符,1 表示使用默认的连体字符
    NSKernAttributeName                设定字符间距,取值为 NSNumber 对象(整数),正值间距加宽,负值间距变窄
    NSStrikethroughStyleAttributeName  设置删除线,取值为 NSNumber 对象(整数)
    NSStrikethroughColorAttributeName  设置删除线颜色,取值为 UIColor 对象,默认值为黑色
    NSUnderlineStyleAttributeName      设置下划线,取值为 NSNumber 对象(整数),枚举常量 NSUnderlineStyle中的值,与删除线类似
    NSUnderlineColorAttributeName      设置下划线颜色,取值为 UIColor 对象,默认值为黑色
    NSStrokeWidthAttributeName         设置笔画宽度,取值为 NSNumber 对象(整数),负值填充效果,正值中空效果
    NSStrokeColorAttributeName         填充部分颜色,不是字体颜色,取值为 UIColor 对象
    NSShadowAttributeName              设置阴影属性,取值为 NSShadow 对象
    NSTextEffectAttributeName          设置文本特殊效果,取值为 NSString 对象,目前只有图版印刷效果可用:
    NSBaselineOffsetAttributeName      设置基线偏移值,取值为 NSNumber (float),正值上偏,负值下偏
    NSObliquenessAttributeName         设置字形倾斜度,取值为 NSNumber (float),正值右倾,负值左倾
    NSExpansionAttributeName           设置文本横向拉伸属性,取值为 NSNumber (float),正值横向拉伸文本,负值横向压缩文本
    NSWritingDirectionAttributeName    设置文字书写方向,从左向右书写或者从右向左书写
    NSVerticalGlyphFormAttributeName   设置文字排版方向,取值为 NSNumber 对象(整数),0 表示横排文本,1 表示竖排文本
    NSLinkAttributeName                设置链接属性,点击后调用浏览器打开指定URL地址
    NSAttachmentAttributeName          设置文本附件,取值为NSTextAttachment对象,常用于文字图片混排
    NSParagraphStyleAttributeName      设置文本段落排版格式,取值为 NSParagraphStyle 对象

其中常用的:

NSFontAttributeName 
字体
NSParagraphStyleAttributeName 
段落格式 
NSForegroundColorAttributeName 
字体颜色
NSBackgroundColorAttributeName  
背景颜色
NSStrikethroughStyleAttributeName
删除线格式
NSUnderlineStyleAttributeName     
下划线格式
NSStrokeColorAttributeName       
删除线颜色
NSStrokeWidthAttributeName
删除线宽度
NSShadowAttributeName 
阴影

2.一些方法:

@interface NSMutableAttributedString (NSExtendedMutableAttributedString)

@property (readonly, retain) NSMutableString *mutableString;

- (void)addAttribute:(NSString *)name value:(id)value range:(NSRange)range;
- (void)addAttributes:(NSDictionary<NSString *, id> *)attrs range:(NSRange)range;
- (void)removeAttribute:(NSString *)name range:(NSRange)range;

- (void)replaceCharactersInRange:(NSRange)range withAttributedString:(NSAttributedString *)attrString;
- (void)insertAttributedString:(NSAttributedString *)attrString atIndex:(NSUInteger)loc;
- (void)appendAttributedString:(NSAttributedString *)attrString;
- (void)deleteCharactersInRange:(NSRange)range;
- (void)setAttributedString:(NSAttributedString *)attrString;

- (void)beginEditing;
- (void)endEditing;

@end

其中常用的:

为某一范围内文字设置多个属性
- (void)setAttributes:(NSDictionary *)attrs range:(NSRange)range;
为某一范围内文字添加某个属性
- (void)addAttribute:(NSString *)name value:(id)value range:(NSRange)range;
为某一范围内文字添加多个属性
- (void)addAttributes:(NSDictionary *)attrs range:(NSRange)range;
移除某范围内的某个属性
- (void)removeAttribute:(NSString *)name range:(NSRange)range;

接下来,举个小栗子:

NSString *title = @"瑟吉欧多久啊到时见殴打舒服哈师范生佛我ofhis和覅瑟吉欧多久啊到时见殴打舒服哈师范生佛我ofhis和覅瑟吉欧多久啊到时见殴打舒服哈师范生佛我ofhis和覅瑟吉欧多久啊到时见殴打舒服哈师范生佛我ofhis和覅瑟吉欧多久啊到时见殴打舒服哈师范生佛我ofhis和覅瑟吉欧多久啊到时见殴打舒服哈师范生佛我ofhis和覅";
    
    //1.创建富文本
    NSMutableAttributedString *attStr = [[NSMutableAttributedString alloc]initWithString:title];
    
    //2.添加属性
    /* 从0开始到后10位font为15 */
    [attStr addAttribute:NSFontAttributeName value:[UIFont systemFontOfSize:15] range:NSMakeRange(0, 10)];
    
    /* 从10开始到后20位font为加粗15 */
    [attStr addAttribute:NSFontAttributeName value:[UIFont boldSystemFontOfSize:15] range:NSMakeRange(10, 20)];
    
    /* 从10开始到后20位颜色为白色 */
    [attStr addAttribute:NSForegroundColorAttributeName value:[UIColor whiteColor] range:NSMakeRange(10, 20)];
   
    /* 从19开始到后5位给个下划线,下划线样式为single(其他自己尝试),颜色为蓝色 */
    [attStr addAttribute:NSUnderlineStyleAttributeName value:[NSNumber numberWithInteger:NSUnderlineStyleSingle] range:NSMakeRange(19, 5)];
    [attStr addAttribute:NSUnderlineColorAttributeName value:[UIColor blueColor] range:NSMakeRange(19, 5)];
    
    /* 设置整段字间距 */
    [attStr addAttribute:NSKernAttributeName value:@1.1 range:NSMakeRange(0, title.length)];
    
    //3.设置段落样式
    NSMutableParagraphStyle *paragraph = [[NSMutableParagraphStyle alloc]init];
    paragraph.lineSpacing = 10;  //行间距
    paragraph.paragraphSpacing = 20;  //段间距
    paragraph.alignment = NSTextAlignmentLeft; //对齐方式
    paragraph.firstLineHeadIndent = 30;  //首行缩进
    [attStr addAttribute:NSParagraphStyleAttributeName value:paragraph range:NSMakeRange(0, title.length)];
    
    //4.Label给个url (只会有超链接的样式出来,点击是点击不了的)
    NSString *urlStr = @"www.innsmap.com";
    NSURL *url = [NSURL URLWithString:urlStr];
    [attStr addAttribute:NSLinkAttributeName value:url range:NSMakeRange(0, 7)];
    
    //5.我就要点击
    UIButton *Btn = [UIButton buttonWithType:UIButtonTypeCustom];
//    Btn.frame = 刚刚好那段文字的frame;  --- 别问我怎么算...
    Btn.backgroundColor = [UIColor grayColor];
    [Btn addTarget:self action:@selector(Btn) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:Btn];
    
    //6.给Label带上图片 (需要创建另一个富文本,带图片的)
    NSTextAttachment *attach = [[NSTextAttachment alloc]init];
    attach.image = [UIImage imageNamed:@"定位蓝"];
    attach.bounds = CGRectMake(0, 0, 100, 80);
    NSAttributedString *imageStr = [NSAttributedString attributedStringWithAttachment:attach];
    /* 将这个图片直接添加到attStr后面 */
    [attStr appendAttributedString:imageStr];
    
    //7.创建Label来显示富文本
    UILabel *myLabel = [[UILabel alloc]initWithFrame:CGRectMake(20, 40, 300, 20)];
    myLabel.backgroundColor = [UIColor grayColor];
    myLabel.attributedText = attStr;
    myLabel.numberOfLines = 0;
    [myLabel sizeToFit];
    [self.view addSubview:myLabel];
    
    //这里可以获取到label的高度
    CGFloat height = myLabel.frame.size.height;
    NSLog(@"%f",height);

结果是这样的:

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

推荐阅读更多精彩内容