實現一個在autolayout下有寬度約束后，自動確定高度的view

我曾經遇到過一個問題：需要實現一個自定義的label（類似於UILabel），同時需要兼顧UILabel的大小自適應的特性。這個label通常寬度是固定的，通過autolayout指定其寬度約束，但不指定高度，讓其根據內容自適應。

 

我們知道UIView的方法intrinsicContentSize可以幫助我們確定視圖在autolayout下的大小，從而避免我們去設置其寬高的約束。於是我采用了這樣的解決方案：將label的寬度作為其屬性，使用前我必須指定label的寬度，然后label本身通過其寬度屬性確定高度。然而這個方法不太方便，因為寬度有時需要我們去計算，比如說它是屏幕寬度減去某個值。然而我是一個足夠懶的程序員，不想每次去手動設置寬度。

 

后來思路終於有了，雖然不知道這是否是最佳方法，但至少解決了問題。在autolayout布局完成后，我們就可以知道視圖的最終寬度了。這時我們可以通過

invalidateIntrinsicContentSize方法重新計算視圖的大小。

 

代碼如下：

@interface MyLabel : UIView

@property (nonatomic, strong) UIFont *font;
@property (nonatomic, strong) NSString *text;

@end

 

@interface MyLabel ()

@property (nonatomic, strong) UIFont *defaultFont;

@end

@implementation MyLabel

- (instancetype)init
{
    self = [super init];
    if (self) {
        self.defaultFont = [UIFont systemFontOfSize:16];
    }
    return self;
}

- (void)setText:(NSString *)text
{
    _text = text;
    [self setNeedsLayout];
    [self setNeedsDisplay];
}

- (void)layoutSubviews
{
    [self invalidateIntrinsicContentSize]; // 在布局的時候強制重新計算大小
    [super layoutSubviews];
}

- (CGSize)sizeThatFits:(CGSize)size
{
    UIFont *font = self.font ? self.font : self.defaultFont;
    size.width = ceil(size.width); // 避免單行文本二次計算時被錯誤地計算為兩行高度
    if (size.width > 0) {
        return [self.text boundingRectWithSize:size options:NSStringDrawingUsesLineFragmentOrigin | NSStringDrawingUsesFontLeading attributes:@{NSFontAttributeName:font} context:nil].size;
    } else { // 此處是為了兼容不設寬度的情況（單行文本）
        return [self.text sizeWithAttributes:@{NSFontAttributeName:font}];
    }
}

- (CGSize)intrinsicContentSize
{
    return [self sizeThatFits:CGSizeMake(CGRectGetWidth(self.bounds), CGFLOAT_MAX)];
}

- (CGSize)systemLayoutSizeFittingSize:(CGSize)targetSize
{
    return [self sizeThatFits:targetSize];
}

- (void)drawRect:(CGRect)rect
{
    UIFont *font = self.font ? self.font : self.defaultFont;
    [self.text drawInRect:rect withAttributes:@{NSFontAttributeName:font}];
}

@end

 

讓我們來測試一下：

    MyLabel *label = [MyLabel new];
    label.backgroundColor = [UIColor yellowColor];
    [self.view addSubview:label];
    [label mas_makeConstraints:^(MASConstraintMaker *make) { // 這里並沒設高度約束
        make.left.mas_equalTo(10);
        make.top.mas_equalTo(100);
        make.width.mas_lessThanOrEqualTo(100);
    }];

    label.text = @"this is a long text. this is a long text.";