iOS自动布局框架Masonry

Masonry是一个轻量级的布局框架 拥有自己的描述语法 采用更优雅的链式语法封装自动布局 简洁明了 并具有高可读性 而且同时支持 iOS 和 Max OS X。
这是Masonry的Github地址

本文对Masonry做一个简单的介绍，想深入的话，去官网学习：

UIEdgeInsets padding = UIEdgeInsetsMake(10, 10, 10, 10);

[view1 mas_makeConstraints:^(MASConstraintMaker *make) {
    make.top.equalTo(superview.mas_top).with.offset(padding.top); 
    make.left.equalTo(superview.mas_left).with.offset(padding.left);
    make.bottom.equalTo(superview.mas_bottom).with.offset(-padding.bottom);
    make.right.equalTo(superview.mas_right).with.offset(-padding.right);
}];

//注意：`right`和`bottom`相对于父视图是**负值**，可以理解为自视图相对于父视图的四边为x、y轴的。

或者更短：

[view1 mas_makeConstraints:^(MASConstraintMaker *make) {
    make.edges.equalTo(superview).with.insets(padding);
}];

注意：view1一定要先添加到父视图superview中，然后再进行约束。Masonry会自动帮你调用view1.translatesAutoresizingMaskIntoConstraints = NO;

MASViewAttribute

• view.mas_left
• view.mas_right
• view.mas_top
• view.mas_bottom
• view.mas_width
• view.mas_height
• view.mas_centerX
• view.mas_centerY

MASCompositeConstraint
Masonry提供了一些便捷的方法，让你一次就能添加多个约束。

• edges

// make top, left, bottom, right equal view2
make.edges.equalTo(view2);

// make top = superview.top + 5, left = superview.left + 10,
//      bottom = superview.bottom - 15, right = superview.right - 20
make.edges.equalTo(superview).insets(UIEdgeInsetsMake(5, 10, 15, 20))

• size

// make width and height greater than or equal to titleLabel
make.size.greaterThanOrEqualTo(titleLabel)

// make width = superview.width + 100, height = superview.height - 50
make.size.equalTo(superview).sizeOffset(CGSizeMake(100, -50))

• center

// make centerX and centerY = button1
make.center.equalTo(button1)

// make centerX = superview.centerX - 5, centerY = superview.centerY + 10
make.center.equalTo(superview).centerOffset(CGPointMake(-5, 10))

当然，你也可以这样：

// All edges but the top should equal those of the superview
make.left.right.and.bottom.equalTo(superview);
make.top.equalTo(otherView);