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


UILabel在Autolayout中的使用

字数471  阅读237  评论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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值