Case1: 并排两个label，宽度由内容决定。父级View宽度不够时，省略左边label的后面的内容
Case2: 并排两个label，右边 label 宽度固定,居左.左边 label宽度由内容决定。父级View宽度不够时，省略左边label的后面的内容
Case3: 多视图动态居中
Case4: UITableView 动态高度计算的三种方式
Case5:通过将约束表达式的结果赋值为局部变量或类属性，可以保持对特定约束的引用。
Case6: 动画重新添加约束
Case7:设置控件的抗压缩和抗拉伸
1.并排两个label，宽度由内容决定。父级View宽度不够时，省略左边label的后面的内容
lessThanOrEqualTo
[_label1 mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.equalTo(self.contentView.mas_top).with.offset(5);
make.left.equalTo(self.contentView.mas_left).with.offset(2);
make.height.equalTo(@40);
}];
[_label2 mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.equalTo(self.label1.mas_right).with.offset(2);
make.top.equalTo(self.contentView.mas_top).with.offset(5);
make.right.lessThanOrEqualTo(self.contentView.mas_right).with.offset(-10);
make.width.mas_greaterThanOrEqualTo(45);
//只设置高度40
make.height.equalTo(@40);
}];
2.并排两个label，右边 label 宽度固定,居左.左边 label宽度由内容决定。父级View宽度不够时，省略左边label的后面的内容
mas_greaterThanOrEqualTo 结合 setContentCompressionResistancePriority
// label1: 位于左上角
[_label1 mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.equalTo(self.contentView.mas_top).with.offset(5);
make.left.equalTo(self.contentView.mas_left).with.offset(2);
make.height.equalTo(@40);
}];
[_label2 mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.mas_greaterThanOrEqualTo(self.label1.mas_right).with.offset(10);
make.top.equalTo(self.contentView.mas_top).with.offset(5);
make.right.equalTo(self.contentView.mas_right).with.offset(-10);
make.width.mas_greaterThanOrEqualTo(45).priorityHigh().priorityHigh();
//只设置高度40
make.height.equalTo(@40);
}];
[_label1 setContentCompressionResistancePriority:UILayoutPriorityDefaultLow
forAxis:UILayoutConstraintAxisHorizontal];
[_label2 setContentCompressionResistancePriority:UILayoutPriorityDefaultHigh
forAxis:UILayoutConstraintAxisHorizontal];
3.多视图动态居中
方式一：
NSUInteger arrayCount = _imageViews.count;
[_imageViews enumerateObjectsUsingBlock:^(UIView *view, NSUInteger idx, BOOL *stop) {
[view mas_makeConstraints:^(MASConstraintMaker *make) {
//宽高固定
widthConstraint = make.width.equalTo(@(imageViewSize.width));
make.height.equalTo(@(imageViewSize.height));
//左边约束
make.left.equalTo(lastView ? lastView.mas_right : view.superview.mas_left);
//垂直中心对齐
make.centerY.equalTo(view.superview.mas_centerY);
//设置最右边的imageView的右边与父view的最有对齐
if (idx == arrayCount - 1) {
make.right.equalTo(view.superview.mas_right);
}
[self.widthConstraints addObject:widthConstraint];
lastView = view;
}];
}];
方式二：
// 1、水平方向排列、固定控件长度、控件间隔不定
- (void)test_masonry_horizontal_fixItemWidth {
// 实现masonry水平固定控件宽度方法
[self.masonryViewArray mas_distributeViewsAlongAxis:MASAxisTypeHorizontal withFixedItemLength:50 leadSpacing:20 tailSpacing:10];
// 设置array的垂直方向的约束
[self.masonryViewArray mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.mas_equalTo(150);
make.height.mas_equalTo(80);
}];
}
// 2、垂直方向排列、固定控件间隔、控件高度不定
- (void)test_masonry_vertical_fixSpace {
// 实现masonry垂直固定控件高度方法
[self.masonryViewArray mas_distributeViewsAlongAxis:MASAxisTypeVertical withFixedSpacing:30 leadSpacing:100 tailSpacing:10];
// 设置array的水平方向的约束
[self.masonryViewArray mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.mas_equalTo(150);
make.width.mas_equalTo(80);
}];
}
4.UITableView 动态高度计算的三种方式
1.self-size(适用于 >ios8)
UITableViewAutomaticDimension
2.数据加载+systemLayoutSizeFittingSize+缓存
if (!_templateCell) {
_templateCell = [tableView dequeueReusableCellWithIdentifier:NSStringFromClass([TableViewCell4 class])];
_templateCell.tag = -1000; // For debug dealloc
}
// 获取对应的数据
Model4 *model = _data[indexPath.row];
// 判断高度是否已经计算过
if (model.cellHeight <= 0) {
// 填充数据
_templateCell.model = dataEntity;
// 根据当前数据，计算Cell的高度，注意+1
model.cellHeight = [_templateCell.contentView systemLayoutSizeFittingSize:UILayoutFittingCompressedSize].height + 0.5f;
NSLog(@"Calculate: %ld, height: %g", (long) indexPath.row, model.cellHeight);
} else {
NSLog(@"Get cache: %ld, height: %g", (long) indexPath.row, dataEntity.cellHeight);
}
return model.cellHeight;
- 在重新布局之后,再手动计算
+ (CGFloat)heightWithModel:(TestModel *)model {
TestCell *cell = [[TestCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@""];
[cell configCellWithModel:model];
[cell layoutIfNeeded];
CGRect frame = cell.descLabel.frame;
return frame.origin.y + frame.size.height + 20;
}
//调用:
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
TestModel *model = [self.dataSource objectAtIndex:indexPath.row];
return [TestCell heightWithModel:model];
}
5. 动画实现1
- (void)updateViewConstraints {
// 这里使用update也是一样的。
// remake会将之前的全部移除，然后重新添加
__weak __typeof(self) weakSelf = self;
[self.growingButton mas_remakeConstraints:^(MASConstraintMaker *make) {
make.top.mas_equalTo(0);
make.left.right.mas_equalTo(0);
if (weakSelf.isExpanded) {
make.bottom.mas_equalTo(0);
} else {
make.bottom.mas_equalTo(-350);
}
}];
[super updateViewConstraints];
}
- (void)onGrowButtonTaped:(UIButton *)sender {
self.isExpanded = !self.isExpanded;
if (!self.isExpanded) {
[self.growingButton setTitle:@"点我展开" forState:UIControlStateNormal];
} else {
[self.growingButton setTitle:@"点我收起" forState:UIControlStateNormal];
}
// 告诉self.view约束需要更新
[self.view setNeedsUpdateConstraints];
// 调用此方法告诉self.view检测是否需要更新约束，若需要则更新，下面添加动画效果才起作用
[self.view updateConstraintsIfNeeded];
[UIView animateWithDuration:0.3 animations:^{
[self.view layoutIfNeeded];
}];
}
6. 动画实现2
是添加全局的约束，然后在添加约束的时候赋值，在动画的代码中改值。
//设置全局
@property (nonatomic, strong) MASConstraint *rightConstraint;
//添加约束
[self.growingButton mas_makeConstraints:^(MASConstraintMaker *make) {
make.top.mas_equalTo(0);
make.left.right.mas_equalTo(0);
self.bottomCon = make.bottom.mas_equalTo(-350);
}];
//动画更新约束
- (void)onGrowButtonTaped:(UIButton *)sender {
[UIView animateWithDuration:1 animations:^{
[self.bottomCon setOffset:0];
[self.view layoutIfNeeded];
}];
}
7.设置控件的抗压缩和抗拉伸
Case 1: 并排两个label，宽度由内容决定。父级View宽度不够时，优先显示右边label的内容
Content Compression Resistance:内容压缩
Content Hugging:内容收紧
效果如图:
masonry1.jpg
//时间
_dateLab = [UILabel labelWithTitle:nil color:ARGB(0x999999) font:FONT_BanJiao(15) margin:0];
_dateLab.text = @"2018/01/09";
[self.contentView addSubview:_dateLab];
[_dateLab mas_makeConstraints:^(MASConstraintMaker *make) {
make.centerY.mas_equalTo(self);
make.right.mas_equalTo(self.contentView.mas_right).mas_offset(-15);
make.height.mas_equalTo(20);
}];
//描述
_descLab = [UILabel labelWithTitle:nil color:ARGB(0x999999) font:FONT_BanJiao(15) margin:0];
_descLab.text = @"《2017年度10大网络事件》发动机阿康师傅煎熬了…";
[self.contentView addSubview:_descLab];
[_descLab mas_makeConstraints:^(MASConstraintMaker *make) {
make.left.mas_equalTo(self.icon.mas_right).mas_offset(10);
make.centerY.mas_equalTo(self);
make.right.mas_equalTo(self.dateLab.mas_left).mas_offset(-10);
make.height.mas_equalTo(20);
}];
[_descLab setContentCompressionResistancePriority:UILayoutPriorityDefaultLow forAxis:UILayoutConstraintAxisHorizontal];
网友评论