UILabel在Autolayout中的多行显示/动态高度

UILabel在Autolayout中的使用

字数471 阅读237 评论1 喜欢1

UILabel在Autolayout中是有些特别的，因为这种可以显示文本的控件会根据自身文字的大小，长度等来确定自己的大小。在使用Autolayout时，UILabel这种控件即使不设置宽度和高度，只设置x和y，也是没有问题的。

比如我们先在有一个label，我只设置了它的x是距离左面16p，y是距离Top Layout Guide 8p，没有设置width和height，那么显示出来是这样：



可以看到，如果不设置宽度和高度，UILabel会根据文字长度和高度来确定大小。

但是当文字长度变长时：



虽然宽度也在改变，但是也带来了一个问题：因为文本太长，使label的宽度超出屏幕，多余的部分则不能显示出来。

我们可以给label增加width的约束，让它距离右边界也有16p的距离，然后看看效果：



可以看到宽度固定了，但是多余的部分又变成了

...

。

这是因为默认情况下，UILabel只显示一行，而现在我们宽度又确定，所以多余部分用

...

来表示。我们只需要将UILabel的

numberOfLines

改为

0

，label就会根据文本的不同行数，显示对应的行数，并且宽度固定。



但是如果此时减少文字，会发现label的宽度也是固定的：



有的时候我们不希望它是固定的宽度，而是让label的宽度和文字的长度一样，但是最长到距离右边界16p的地方。

解决方法：



将原来的

Equal

改为

Greater
Than Or Equal

，注意此时两个item的顺序，不同的顺序关系也不同。现在当文本多的时候label就会自动变高，当文本少的时候label就会自动减小。

####################

ios学习之二（动态计算UILabel高度+AutoLayout的使用）

http://www.jianshu.com/p/240aef556022

ios开发中往往需要动态的获取UILabel的高度，因为文字长度是随机的，方法有很多，虽然也可以用AutoLayout实现，但是如果涉及到UITableViewCell的高度计算时还是需要动态计算。

3、同方法2，但是用Category扩展UILabel。

@implementation UILabel (ContentSize)
- (CGSize)contentSize:(NSString*)content {
NSMutableParagraphStyle *style = [[NSMutableParagraphStyle alloc] init];
[style setLineBreakMode:self.lineBreakMode];
[style setAlignment:self.textAlignment];
NSDictionary *dic = @{NSFontAttributeName : self.font, NSParagraphStyleAttributeName : style};
CGSize size = [self.text boundingRectWithSize:CGSizeMake(SCREEN_WIDTH, MAXFLOAT) options:(NSStringDrawingUsesLineFragmentOrigin) attributes:dic context:nil].size;
return size;
}
@end