iOS开发中经常会用到UILabel来展示一些文字性内容,默认的排版方式会有些挤,这里来介绍一下如何给UILabel设置行间距和字间距,欢迎大家多提意见,共勉❤️❤️❤️
实现方法
设置行间距,字间距等都是对字符串的处理,这里需要用到富文本NSAttributedString或NSMutableAttributedString,设置其属性即可。
创建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];
行间距:
设置行间距需要用到NSMutableParagraphStyle,NSMutableParagraphStyle用于设定文本段落有关的设置,比如行间距,文本缩进,段间距等,用法如下:
//段落样式
NSMutableParagraphStyle *paraStyle = [[NSMutableParagraphStyle alloc] init];
//行间距
paraStyle.lineSpacing = 10.0;
//首行文本缩进
paraStyle.firstLineHeadIndent = 20.0;
//使用
//文本段落样式
textDict[NSParagraphStyleAttributeName] = paraStyle;
字间距:
直接修改NSAttributedString,或者 NSMutableAttributedString的NSKernAttributeName属性即可,用法如下:
//字间距(字符串)
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;