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

iOS开发中经?;嵊玫経ILabel来展示一些文字性内容,默认的排版方式会有些挤,这里来介绍一下如何给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;

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

作者:林夕不昔

链接:http://08643.cn/p/badee2350860

来源:简书

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

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

推荐阅读更多精彩内容