【iOS】 Label设置行距自适应高度

最新推荐文章于 2020-12-23 20:35:25 发布

世界一天晴

最新推荐文章于 2020-12-23 20:35:25 发布

阅读量614

点赞数 2

分类专栏： iOS 文章标签： label iOS 自适应高度行间距设置

本文链接：https://blog.csdn.net/baidu_33210473/article/details/53432129

版权

iOS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

关于label自适应高度想必只要有一点开发基础的朋友都应该了解，这边我就不多提了，贴上一段自己写的计算的代码。

+ (CGFloat)textHeightFromTextString:(NSString *)text width:(CGFloat)textWidth fontSize:(CGFloat)size{
        if ([Helper getCurrentIOS] >= 7.0) {
        //iOS7之后
        /*
         第一个参数: 预设空间 宽度固定  高度预设 一个最大值
         第二个参数: 行间距 如果超出范围是否截断
         第三个参数: 属性字典 可以设置字体大小
         */
        NSDictionary *dict = @{NSFontAttributeName:[UIFont systemFontOfSize:size]};
        CGRect rect = [text boundingRectWithSize:CGSizeMake(textWidth, MAXFLOAT) options:NSStringDrawingUsesFontLeading|NSStringDrawingUsesLineFragmentOrigin attributes:dict context:nil];
        return rect.size.height; 
    }else {
        //iOS7之前
        /*
         1.第一个参数  设置的字体固定大小
         2.预设 宽度和高度 宽度是固定的 高度一般写成最大值
         3.换行模式 字符换行
         */
        CGSize textSize = [text sizeWithFont:[UIFont systemFontOfSize:size] constrainedToSize:CGSizeMake(textWidth, MAXFLOAT) lineBreakMode:NSLineBreakByCharWrapping];
        return textSize.height;//返回 计算出得行高
        }
    }

项目中很多的label需要根据实际内容计算高度，这个方法能够满足计算动态高度。

如何设置label的行间距
如果设置行间距，那么UI可能会比较难看，一般UI需求都会对行间距有一些要求。

那么如何设置行间距呢？
如果需要设置行间距，我们的label必须给予attributedText（富文本）而不是普通的text，如果设置text那么行间距固定为0，效果就和上图一样十分不美观。
我们可以设置一个富文本进行赋值，对行间距赋值就可以达到效果

/* str 显示的字符串
   font 字体大小
   lineHeight 行间距
 */
    - (NSAttributedString *)getAttibuteStringWithString:(NSString *)str textFont:(UIFont *)font lineHeight:(NSInteger)lineHeight{

    NSMutableAttributedString *attributeStr = [[NSMutableAttributedString alloc] initWithString:str];
    NSMutableParagraphStyle *paragrapStyle = [[NSMutableParagraphStyle alloc]init];
    paragrapStyle.lineSpacing = lineHeight;
    NSRange range = NSMakeRange(0, str.length);
    NSDictionary *attribute = @{NSFontAttributeName:font,               NSParagraphStyleAttributeName:paragrapStyle};
    [attributeStr addAttributes:attribute range:range];

    return attributeStr;
}

然后在对label进行赋值，就可以设置行间距了
我们在对他进行刚刚的自适应高度设置

label.attributedText = [self getAttibuteStringWithString:str textFont:[UIFont systemFontOfSize:14] lineHeight:15];
    CGFloat labelHeight = [self textHeightFromTextString:str width:300 fontSize:14];
    [label setFrame:CGRectMake(20, 50, 300, labelHeight)];

效果出来后发现，行间距确实设置了，但是高度不自适应了，这是什么原因呢，原来设置高度的时候我调用的还是原来的设置高度的方法，但是我们现在设置的是设置文本，里面有行间距，如果用原来的方法那么他计算的高度还是按照行间距为0计算，因此我们需要重新写一个方法计算富文本的动态高度。

/* text 显示的字符串
   font 字体大小
   lineHeight 行间距
 */
- (CGFloat)getLabelHeightWithText:(NSString *)text width:(CGFloat)width textFont:(UIFont *)font lineHeight:(NSInteger)lineHeight{

    NSMutableParagraphStyle *paragrapStyle = [[NSMutableParagraphStyle alloc] init];
    paragrapStyle.lineSpacing = lineHeight;
    NSDictionary *attribute = @{NSFontAttributeName:font,
                                NSParagraphStyleAttributeName:paragrapStyle};
    CGRect rect = [text boundingRectWithSize:CGSizeMake(width, MAXFLOAT) options:NSStringDrawingUsesFontLeading|NSStringDrawingUsesLineFragmentOrigin attributes:attribute context:nil];
    return rect.size.height;
}