iOS--UILabel设置行距和字间距,并根据文本计算高度

iOS开发中经常会用到UILabel来展示一些文字性内容,默认的排版方式会有些挤,这里来介绍一下如何给UILabel设置行间距和字间距,欢迎大家多提意见,共勉❤️❤️❤️

实现方法

设置行间距,字间距等都是对字符串的处理,这里需要用到富文本NSAttributedStringNSMutableAttributedString,设置其属性即可。

创建label备用:
    NSString *textContent = @"人生若只如初见,何事秋风悲画扇。等闲变却故人心,却道故人心易变。骊山语罢清宵半,泪雨零铃终不怨。何如薄幸锦衣郎,比翼连枝当日愿。";
    
    //label
    UILabel *testLabel = [[UILabel alloc] initWithFrame:CGRectMake(20, 100, self.view.frame.size.width-20*2, 300)];
    //多行显示
    testLabel.numberOfLines = 0;
    testLabel.backgroundColor = [UIColor lightGrayColor];
    [self.view addSubview:testLabel];
    
    //富文本属性
    NSMutableDictionary *textDict = [NSMutableDictionary dictionary];
    //基本属性设置
    //字体颜色
    textDict[NSForegroundColorAttributeName] = [UIColor blackColor];
    //字号大小
    textDict[NSFontAttributeName] = [UIFont systemFontOfSize:16.0];
行间距:

设置行间距需要用到NSMutableParagraphStyleNSMutableParagraphStyle用于设定文本段落有关的设置,比如行间距,文本缩进,段间距等,用法如下:

    //段落样式
    NSMutableParagraphStyle *paraStyle = [[NSMutableParagraphStyle alloc] init];
    //行间距
    paraStyle.lineSpacing = 10.0;
    //首行文本缩进
    paraStyle.firstLineHeadIndent = 20.0;

    //使用
    //文本段落样式
    textDict[NSParagraphStyleAttributeName] = paraStyle;
   
字间距:

直接修改NSAttributedString,或者 NSMutableAttributedStringNSKernAttributeName属性即可,用法如下:

    //字间距(字符串)
    textDict[NSKernAttributeName] = @(1);
赋值:
    //赋值
    testLabel.attributedText = [[NSAttributedString alloc] initWithString:textContent attributes:textDict];
效果如下:
行间距,字间距

计算文本高度(有行间距的情况下)

记住你对label的设置,计算高度时传入字符串,宽度和富文本的属性(字典类型)即可。

-(CGFloat)getSpaceLabelHeight:(NSString *)str withAttrDict:(NSMutableDictionary *)dict withWidth:(CGFloat)width {

    CGSize size = [str boundingRectWithSize:CGSizeMake(width, MAXFLOAT) options:NSStringDrawingUsesLineFragmentOrigin attributes:dict context:nil].size;
    
    return size.height;
}

NSMutableParagraphStyle补充

NSMutableParagraphStyle功能很强大,还有很多属性可以用,比如:

//段落行距
//paragraphStyle.lineSpacing = 10; 

//非首行文本缩进                 
//paragraphStyle.headIndent = 5;  
 
// 文本缩进(右端)                 
//paragraphStyle.tailIndent = -20;  
     
// 首行文本缩进           
//paragraphStyle.firstLineHeadIndent = 20;  

//文本对齐方式        
//paragraphStyle.alignment = NSTextAlignmentRight;  

//折行方式
//paragraphStyle.lineBreakMode = NSLineBreakByWordWrapping; 

//文本写入方式
//paragraphStyle.baseWritingDirection = NSWritingDirectionLeftToRight; 

//文本行间距 是默认行间距的多少倍
//paragraphStyle.lineHeightMultiple = 3.0; 

//文本最大行距         
//paragraphStyle.maximumLineHeight = 50;  
  
//文本最小行距       
//paragraphStyle.minimumLineHeight = 50; 

/*
allowsDefaultTighteningForTruncation(收缩字符间距允许截断)
*/      
//paragraphStyle.allowsDefaultTighteningForTruncation = YES; 

// 设置每行的最后单词是否截断,在0.0-1.0之间,默认为0.0,越接近1.0单词被截断的可能性越大,
//paragraphStyle.hyphenationFactor = 1.0; 

//段落后面的间距
//paragraphStyle.paragraphSpacing = 10; 

//设置段与段之间的距离           
//paragraphStyle.paragraphSpacingBefore = 20;       

富文本属性补充

    /*
     删除线和下划线
     
     枚举常量 NSUnderlineStyle中的值
     NSUnderlineStyleNone        //不设置删除线
     
     NSUnderlineStyleSingle      // 设置删除线为细单实线
     NSUnderlineStyleThick       //   设置删除线为粗单实线
     NSUnderlineStyleDouble    // 设置删除线为细双实线
     
     NSUnderlinePatternSolid
     NSUnderlinePatternDot     //点
     NSUnderlinePatternDash  //虚线
     NSUnderlinePatternDashDot  //虚线和点
     NSUnderlinePatternDashDotDot  //虚线和点点
     
     NSUnderlineByWord
     */
    
    // NSNumber,加删除线,默认不加删除线,其它的话是加不同风格的删除线
    dict[NSStrikethroughStyleAttributeName] = @(NSUnderlinePatternSolid | NSUnderlineStyleSingle);
    //UIColor,删除线颜色,默认等于文本前景颜色,前提是需要加删除线,和NSStrikethroughStyleAttributeName有关
    dict[NSStrikethroughColorAttributeName] = [UIColor yellowColor];


    // NSNumber,加下划线,默认NSUnderlineStyleNone不加下划线,其它的话是加不同的下划线
    dict[NSUnderlineStyleAttributeName] = @(NSUnderlineStyleDouble);
    // UIColor,下划线颜色,默认等于文本前景颜色,前提是需要加下划线,和NSUnderlineStyleAttributeName有关
    dict[NSUnderlineColorAttributeName] = [UIColor yellowColor];


    // UIColor,默认等于文本前景颜色,需要和NSStrokeWidthAttributeName一起使用
    dict[NSStrokeColorAttributeName] = [UIColor yellowColor];

    // NSNumber,使文本有一种中空的效果(有立体效果)数字越大,文本填充的越满,数字越小,文本颜色越淡,不需要和NSStrokeColorAttributeName一起使用
    dict[NSStrokeWidthAttributeName] = @5;

    /* 
     文本阴影
     NSShadow *shadow = [[NSShadow alloc] init];
     shadow.shadowOffset = CGSizeMake(2, 3);      阴影偏移量
     shadow.shadowColor = [UIColor yellowColor];  阴影颜色
     shadow.shadowBlurRadius = 1.0;               阴影圆角
     */
    // NSShadow,默认没有阴影,
    dict[NSShadowAttributeName] = shadow;
    
    // NSNumber,文本字间距(字与字之间的距离)
    dict[NSKernAttributeName] = @10;

    // NSURL或者是链接字符串,文本链接样式,自带下划线,文本颜色是蓝色
    dict[NSLinkAttributeName] = [NSURL URLWithString:@"http:baidu.com"];

    // NSURL或者是链接字符串,文本链接样式,自带下划线,文本颜色是蓝色
    dict[NSLinkAttributeName] = @"http:baidu.com";

    // NSNumber,本文的扩张倍数,负数的话相当于缩小
    dict[NSExpansionAttributeName] = @(-0.5);

    // NSNumber,本文的斜体程度以及斜体方向,默认0不歪斜,负数相当于右斜,正数相当于左斜,歪斜的程度由数字的大小决定
    dict[NSObliquenessAttributeName] = @(0.7);

    // NSNumber,行文本基线的偏移量
    dict[NSBaselineOffsetAttributeName] = @(15.0);

    // 貌似是文本写入方向
    dict[NSWritingDirectionAttributeName] = @[@(NSWritingDirectionOverride),@(NSWritingDirectionRightToLeft)];

    // 文本的垂直与水平,目前在iOS,它总是水平,任何其他值的行为是未定义的
    dict[NSVerticalGlyphFormAttributeName] = @(1);
    
    
    // 在文本中插入表情
    NSTextAttachment *textAtt = [[NSTextAttachment alloc] init];
    textAtt.image = [UIImage imageNamed:@"cloud.png"];
    dict[NSAttachmentAttributeName] = textAtt;
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念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

推荐阅读更多精彩内容