资讯专栏INFORMATION COLUMN

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

fasss / 2637人阅读

摘要:比如上边的一行高度内,文本有多长固定宽度,行数的文本高度没有设置行间距的情况下利用一个对象,来获取渲染后的文本,高度。对象包含的信息将用于文本绘制。

1. 计算文本在一行高度内的宽度
// 段落样式
NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc] init];
paragraphStyle.lineSpacing = 6.0;

// 清除掉换行符(或者还要清除空白符,这个看自己需求)
// 要处理掉换行符,否则得不到正确的高度
NSString *intro = [self.columnDict.head.intro copy]; // 这个数据就是文本
intro = [intro stringByReplacingOccurrencesOfString:@"
" withString:@""];
intro = [intro stringByReplacingOccurrencesOfString:@"
" 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://www.ucloud.cn/yun/16559.html

相关文章

  • iOS 和 Mac OS X 字符串渲染

    摘要:之后我们将讨论一下对于字符串的渲染,和系统中有哪些相似和不同。注意,这个属性仅在单行的即属性值为时中生效。在中显示动态可能和所有人都打过交道的字符串绘制方法就是最常见的可变高度的。 如何将字符串绘制到屏幕上 为了简单起见,我们先看看UIKit在字符串渲染方面为我们提供了哪些控件。之后我们将讨论一下对于字符串的渲染, iOS 和 OS X 系统中有哪些相似和不同。 UIKit 提供了...

    stackvoid 评论0 收藏0
  • 玩儿前端——CSS垂直那些事儿

    摘要:替换元素或任何其他类型的非文本元素会忽略这个值。要对齐的元素的行内框底端再与父元素的底端对齐。往往将元素的垂直中点与父元素基线上方处的一个点对齐。 说说自己对行高和垂直对齐的理解 行高 line-height属性是指文本行基线之间的最小距离,而不是字体的大小 首先,基线(baseline)指的是英文四线格的倒数第二条线。 其次,关于font-size,字体大小受font-size形成...

    tigerZH 评论0 收藏0
  • ·UILable属性详解,设置居上对齐,居中对齐,居下对齐,获取斜体字,字体、大小、单位、颜色

    摘要:设置最小收缩字号,如果宽度小于文字长度时,文字字号减小,低于设定字号后,不再减小。中间的内容以方式省略,显示头尾的文字内容。设置字体大小适应宽度设置标签属性文本。,默认,文本最上端与中线对齐。 ·常用属性和方法有: 1、创建 CGRect rect = CGRectMake(100, 200, 50, 50); UILabel *label = [[UILabel alloc] ini...

    SexySix 评论0 收藏0
  • iOS UIlabel高度自适应总结。UITextView根据内容自动改变frame。

    摘要:需要把显示行数设置成无限制定义成方法方便多个调用增加代码的复用性限制最大的宽度和高度采用换行模式传人的字体字典方法二获取某固定文本的显示高度根据字符串的的长度来计算的高度根据内容自动改变闪动滚动条允许滚动不允许滚动,当的大小足以容纳它的 showImg(https://segmentfault.com/img/bVpPSl); showImg(https://segmentfault....

    loostudy 评论0 收藏0
  • Swift

    摘要:如果服务器是签署的证书,那么一路绿灯,如果是自签名证书,就需要做两个额外的工作在内加入内置的下拉刷新对,下拉刷新新的数据是很方便的。 Swift iOS : 字体图标 厌倦了使用位图在xcode的Assets.xcassets内,因为麻烦,包括如下的麻烦: 找图 图需要分尺寸 需要操作员类似工作去管理 然后,现在有了字体图标,就方便多了: 比较成熟的几套库,用名字就可以查 矢量图,尺寸...

    hqman 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<