UILabel文本高度计算的那些事儿

2024年2月20日 145次阅读 来源: 前端知否

1. 计算文本在一行高度内的宽度

// 段落样式
NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc] init];
paragraphStyle.lineSpacing = 6.0;

// 清除掉换行符（或者还要清除空白符，这个看自己需求）
// 要处理掉换行符，否则得不到正确的高度
NSString *intro = [self.columnDict.head.intro copy]; // 这个数据就是文本
intro = [intro stringByReplacingOccurrencesOfString:@"\r" withString:@""];
intro = [intro stringByReplacingOccurrencesOfString:@"\n" withString:@""];

CGRect introRect = [intro boundingRectWithSize:CGSizeMake(CGFLOAT_MAX, 20) 
                          options:0 attributes:@{
                                  NSFontAttributeName:font(14),
                                  NSParagraphStyleAttributeName:paragraphStyle
                                  } context:nil];
 
CGFloat width = introRect.size.width;

// 如果width是小数，小数部分的宽度不会被渲染，不够一个像素，所以最好向上取整
width = ceil(width);

boundingRectWithSize的第一个参数是CGSize. 一般会设置宽度固定，高度CGFLOAT_MAX来获取在这种显示宽度内的文本高度；或者设置宽度CGFLOAT_MAX，高度固定，来获取某个高度内的文本宽度。比如上边的一行高度内，文本有多长

2. 固定宽度，行数的文本高度（没有设置行间距的情况下）

UILabel *label = [[UILabel alloc] init];
label.numberOfLines = 2;
label.text = self.columnDict.head.intro;
[label sizeToFit];

CGFloat height = label.bounds.size.height;

利用一个UILabel对象，来获取渲染后的文本size，高度。

假设固定行数为2行，如果文本内容比较多，就可以直接用下边的fontLineHeight * 2来设置高度（欢迎高手指正）

3. 固定宽度，行数的文本高度（有设置行间距的情况下）

CGFloat fontLineHeight = _descLabel.font.lineHeight; // 不同系统，字体下高度会和字号大小不同

// 2行，行间距6
CGFloat height = fontLineHeight * 2 + 6;

// 1行，行间距6
CGFloat height = fontLineHeight + 6;

以上两种情况，假设一开始设定高度为2行，但是文本只有一行的时候，那么就直接使用fontLineHeight这个高度来设置Label的高度

4. 固定宽度，纯粹获取文本高度

CGRect introRect = [intro boundingRectWithSize:CGSizeMake(kScreenWidth, CGFLOAT_MAX) 
                          options:0 attributes:@{
                                  NSFontAttributeName:font(14),
                                  NSParagraphStyleAttributeName:paragraphStyle
                                  } context:nil];
                                  
CGFloat height = introRect.size.height;

kScreenWidth是一个获取屏幕宽度的宏定义

boundingRectWithSize方法介绍：

  • size

    限制最大宽高, 虽然是自适应, 但是需要限制最大的宽度和高度

  • options

    一个枚举, 绘制自定义方式字符串的选项，可以互相组合。例如:
NSStringDrawingUsesLineFragmentOrigin | NSStringDrawingUsesFontLeading
    enum { 
NSStringDrawingTruncatesLastVisibleLine = 1 << 5, 
NSStringDrawingUsesLineFragmentOrigin = 1 << 0, 
NSStringDrawingUsesFontLeading = 1 << 1, 
NSStringDrawingUsesDeviceMetrics = 1 << 3,
};typedef NSInteger NSStringDrawingOptions;

    • NSStringDrawingTruncatesLastVisibleLine :

      如果文本内容超出指定的矩形限制，文本将被截去并在最后一个字符后加上省略号 . 如果三选项没有选择, 忽略此选项

    • NSStringDrawingUsesLineFragmentOrigin :

      整个文本将以每行组成的矩形为单位计算整个文本的尺寸

    • NSStringDrawingUsesFontLeading :

      以字体间的行距（leading，行距：从一行文字的底部到另一行文字底部的间距。）来计算高度

    • NSStringDrawingUsesDeviceMetrics :

      计算布局时使用图像符号边界, 而不是排版的边界

  • attributes

     应用于字符串的文本样式字典属性

  • context

    控制如何调整字间距和缩放。对象包含的信息将用于文本绘制。该参数可为 nil

  • 返回值

    返回一个矩形CGRect, 这个矩形为文字所占的矩形
    原文作者：前端知否
    原文地址: https://segmentfault.com/a/1190000007817569
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞