阅读 1615

iOS ULabel 计算文本高度问题

背景

首先看下图:

iOS tableVIewCell.png
这是一个非常简单的cell。 但是这个cell高度是多少,你怎么说??

大家说:

1.直接写死高度就好了啊,不用计算了。方便省事。

2.根据文本计算cell高度。

3.用第三方库,使用自动布局方法,撑满cell,自动有高度,不用计算。

逐一分析:

1.cell高度不能写死,需求说要根据文本内容灵活自适应高度。

3.这个利用自动布局,这里不多说了。

2.利用文本计算出每个Label的高度,从而确定cell高度。 这里有一个问题, 你究竟采用什么方法计算文本高度呢?

<1>. 使用boundingRectWithSize:方法计算
CGFloat height = [self.label.text boundingRectWithSize:CGSizeMake(SCREEN_WIDTH - 30, MAXFLOAT) 
options:NSStringDrawingUsesFontLeading | NSStringDrawingUsesLineFragmentOrigin 
attributes:@{ NSFontAttributeName : self.label.font } context:nil].size.height;
复制代码

这里不是特别准确,最好加一个offset值最好。 但是: 这也不符合需求定位。 需求是文本最多显示两行,多余两个就...省略。 那这里就有问题了: 当文本刚好1行或是2行的这是没有问题的,但是当文本多余两行的话,就不行了,明显高了。

<2>.使用UILabel的intrinsicContentSize属性来计算高度
height = [self.label intrinsicContentSize].height;
复制代码

但是: 这样计算也有问题,这个属性只能计算一行文本的高度。

这时候你又说了,那我这样计算:

height = [self.label intrinsicContentSize].height * self.label.numberOfLines;
复制代码

但是: 这样你在初始化UILabel的时候,就已经确定了numberOfLines的值,当文本只有一行的时候,就多计算了一行。也不行。

<3>.我用1 2方法综合起来计算
    //先算出文本宽度,看是否大于1行
    CGFloat width = [self.label.text boundingRectWithSize:CGSizeMake(SCREEN_WIDTH - 30, MAXFLOAT) options:NSStringDrawingUsesFontLeading | NSStringDrawingUsesLineFragmentOrigin attributes:@{NSFontAttributeName : self.label.font} context:nil].size.width;
    height = [self.questionLabel intrinsicContentSize].height * (width > (SCREEN_WIDTH - 30) ? 2 : 1);
复制代码

这样子确实可以,不过有些麻烦哈。

简单计算方法

还是使用intrinsicContentSize方法。 不过要在初识化UILabel的时候多设置一个属性preferredMaxLayoutWidth。 看官方解释:

// Support for constraint-based layout (auto layout)
// If nonzero, this is used when determining -intrinsicContentSize for multiline labels
@property(nonatomic) CGFloat preferredMaxLayoutWidth NS_AVAILABLE_IOS(6_0);
复制代码

初始化UILabel的时候设置这个属性的值为UILabel的宽度即可,然后通过intrinsicContentSize方法就可以准确计算出文本的高度了。

更简单的方法

使用sizeThatFits:方法计算,不用额外设置上面那些不用的属性。 直接掉用下面方法即可。

height = [self.label.text sizeThatFits:CGSizeMake(SCREEN_WIDTH - 30, MAXFLOAT) ].height;
复制代码