如題

從蘋(píng)果開(kāi)發(fā)約束,方便了我們快速適配iPhone手機(jī),看到Masonry之后,我們就想要適配所有開(kāi)發(fā)中所遇到的問(wèn)題,今天就適配Masonry自適應(yīng)tableHeaderView

解答

如果使用frame,計(jì)算的話(huà)肯定也是可以達(dá)到相同結(jié)果的,可是麻煩,所以今天就使用Masonry來(lái)完成這個(gè)需求

• 首先, 我們一般都是自定義View,在這個(gè)View設(shè)置好約束

重要

• 這個(gè)自定義View,里面的子控件一定要有從top到bottom連起來(lái)的那一條線(xiàn),就像蓋房子一樣的,第一個(gè)子控件到最后的個(gè)子控件,讓tableHeaderView知道top到bottom的位置

自定義View代碼

// 這個(gè)是第一個(gè)子控件
[self addSubview:self.oneLabel];
[self.oneLabel mas_makeConstraints:^(MASConstraintMaker *make) {
    make.top.left.right.mas_equalTo(self).offset(0);
}];

// 這個(gè)是第二個(gè)子控件
[self addSubview:self.oneImageView];
[self.oneImageView mas_makeConstraints:^(MASConstraintMaker *make) {
    make.top.mas_equalTo(self.oneLabel.mas_bottom).offset(0);
    make.left.right.mas_equalTo(self).offset(0);
}];

// 重點(diǎn),必須設(shè)置這個(gè)約束,告訴當(dāng)前view的位置
[self mas_makeConstraints:^(MASConstraintMaker *make) {
    make.bottom.mas_equalTo(self.oneImageView.mas_bottom).offset(0);
}];

Controller代碼

// 必須給headerView設(shè)置寬度,不然headView是不知道到底有寬
self.tableView.tableHeaderView = self.headView;
[self.headView mas_makeConstraints:^(MASConstraintMaker *make) {
    make.width.equalTo(self.tableView);
}];

效果圖

tableHeaderView.gif