小編已經(jīng)近一年沒有寫技術(shù)文檔了蚤蔓，感覺稍有荒廢续膳。在前幾天面試過程中，面試官小伙問了一個關(guān)于用如何用 Masonry 自動適配聊天氣泡的問題杆查，因為有一段時間沒有寫聊天頁面了，對有些細節(jié)記憶的不太清楚臀蛛，近期以技術(shù)文檔的形式進行了歸納亲桦，希望對開發(fā)的小伙伴有些許幫助。
首先集成 Masonry 浊仆，然后 UIViewController 中代碼實現(xiàn)

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
    //數(shù)據(jù)源
    _array = @[@"今天的天氣真好客峭，今天的天氣真好，今天的天氣真好抡柿，今天的天氣真好舔琅，今天的天氣真好", @"今天的天氣真好，今天的天氣真好", @"今天的天氣真好洲劣，今天的天氣真好备蚓，今天的天氣真好", @"今天的天氣真好"];
    _tableView = [[UITableView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, self.view.frame.size.height) style:UITableViewStylePlain];
    _tableView.delegate = self;
    _tableView.dataSource = self;
    [_tableView registerClass:[CYTabCell class] forCellReuseIdentifier:@"CYTabCell"];
    [self.view addSubview:_tableView];
    
}

//記住千萬不要實現(xiàn) tableView 的 cell 高度代理
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return _array.count;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    CYTabCell *cell = [tableView dequeueReusableCellWithIdentifier:@"CYTabCell"];
    cell.str = _array[indexPath.row];
    return cell;
}

UITabelViewCell 中的內(nèi)容

#import "CYTabCell.h"

@interface CYTabCell ()
//氣泡彈窗
@property (nonatomic, strong)UILabel *label;
//文本
@property (nonatomic, strong)UIImageView *imgView;

@end

@implementation CYTabCell

- (instancetype)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
    self = [super initWithStyle:style reuseIdentifier:reuseIdentifier];
    if (self) {
        //只是為了代碼清晰，和懶加載沒啥關(guān)系
        [self.contentView addSubview:self.imgView];
        [self.contentView addSubview:self.label];
    }
    return self;
}

- (UILabel *)label {
    if (!_label) {
        _label = [[UILabel alloc] init];
        _label.font = [UIFont systemFontOfSize:15];
        _label.textColor = [UIColor blackColor];
        //設(shè)置最大寬度
        _label.preferredMaxLayoutWidth = 300;
        _label.numberOfLines = 0;
    }
    return _label;
}

- (UIImageView *)imgView {
    if (!_imgView) {
        _imgView = [[UIImageView alloc] init];
        _imgView.backgroundColor = [UIColor orangeColor];
        _imgView.layer.cornerRadius = 5;
        _imgView.layer.masksToBounds = YES;
        [self.contentView addSubview:_imgView];
    }
    return _imgView;
}

- (void)setStr:(NSString *)str {
    _str = str;
    _label.text = _str;

    [_label mas_updateConstraints:^(MASConstraintMaker *make) {
        //不要設(shè)置 left
        make.top.equalTo(_label.superview.mas_top).offset(15);
        make.right.equalTo(_label.superview.mas_right).offset(-40);
        make.bottom.equalTo(_label.superview.mas_bottom).offset(-15);
    }];

    [_imgView mas_updateConstraints:^(MASConstraintMaker *make) {
        make.left.equalTo(_label).offset(-15);
        make.top.equalTo(_label).offset(-10);
        make.bottom.mas_equalTo(_label).offset(10);
        make.right.mas_equalTo(_label).offset(15);
    }];
}

- (void)layoutSubviews {
    [super layoutSubviews];
}

效果圖

1554298562249.jpg

謝謝囱稽！