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

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

实现方法

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

创建label备用:

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

行间距:

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

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

字间距:

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

//字间距(字符串)textDict[NSKernAttributeName] = @(1);

赋值:

//赋值testLabel.attributedText = [[NSAttributedStringalloc] initWithString:textContent attributes:textDict];

效果如下:

行间距,字间距

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

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

-(CGFloat)getSpaceLabelHeight:(NSString*)str withAttrDict:(NSMutableDictionary*)dict withWidth:(CGFloat)width {CGSizesize = [str boundingRectWithSize:CGSizeMake(width, MAXFLOAT) options:NSStringDrawingUsesLineFragmentOriginattributes:dict context:nil].size;returnsize.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] = [UIColoryellowColor];// NSNumber,加下划线,默认NSUnderlineStyleNone不加下划线,其它的话是加不同的下划线dict[NSUnderlineStyleAttributeName] = @(NSUnderlineStyleDouble);// UIColor,下划线颜色,默认等于文本前景颜色,前提是需要加下划线,和NSUnderlineStyleAttributeName有关dict[NSUnderlineColorAttributeName] = [UIColoryellowColor];// UIColor,默认等于文本前景颜色,需要和NSStrokeWidthAttributeName一起使用dict[NSStrokeColorAttributeName] = [UIColoryellowColor];// 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] = [NSURLURLWithString:@"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 = [[NSTextAttachmentalloc] init];    textAtt.image = [UIImageimageNamed:@"cloud.png"];    dict[NSAttachmentAttributeName] = textAtt;

本文为转载的出处再下方👇

作者:林夕不昔

链接:https://www.jianshu.com/p/badee2350860

来源:简书

简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

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

推荐阅读更多精彩内容