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

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, 这个矩形为文字所占的矩形

你可能感兴趣的:(ios,uilabel)