masonry使用介绍

Masonry使用介绍

下面是Masonry的代码地址：https://github.com/Masonry/Masonry

介绍一个简单使用：

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

介绍库中定位属性

首先在Masonry中能够添加autolayout约束有三个函数

下面是autolayout的三种方式及简介

- (NSArray *)mas_makeConstraints:(void(^)       (MASConstraintMaker *make))block;
- (NSArray *)mas_updateConstraints:(void(^) (MASConstraintMaker *make))block;
- (NSArray *)mas_remakeConstraints:(void(^) (MASConstraintMaker *make))block;
/*
mas_makeConstraints 只负责新增约束 Autolayout不能同时存在两条针对于同一对象的约束 否则会报错
mas_updateConstraints 针对上面的情况 会更新在block中出现的约束 不会导致出现两个相同约束的情况
mas_remakeConstraints 则会清除之前的所有约束 仅保留最新的约束
三种函数善加利用 就可以应对各种情况了
*/

所支持的类型 除了NSNumber支持的那些数值类型之外 就只支持CGPoint CGSize UIEdgeInsets

使用库函数的时候，会出现mas_xxx的方法

举例说明：

equalTo 和 mas_equalTo的区别在哪里呢?

其实 mas_equalTo是一个MACRO（宏定义）

下面是宏定义的源代码，可以感受一下

#define mas_equalTo(...)   equalTo(MASBoxValue((__VA_ARGS__)))
#define mas_greaterThanOrEqualTo(...)   greaterThanOrEqualTo(MASBoxValue((__VA_ARGS__)))                                                                    #define mas_lessThanOrEqualTo(...)   lessThanOrEqualTo(MASBoxValue((__VA_ARGS__)))
#define mas_offset(...)   valueOffset(MASBoxValue((__VA_ARGS__)))

下面是实际例子，来更好地理解代码

UIView *weakSelfView = self.view;
    [self.view1 mas_makeConstraints:^(MASConstraintMaker *make) {
//单个属性设置make.top.equalTo(weakSelfView.mas_top).with.offset(10);
        make.left.equalTo(weakSelfView.mas_left).with.offset(10);
        make.right.equalTo(weakSelfView.mas_right).with.offset(-10);
        make.height.equalTo(@300);
    }];

---

UIEdgeInsets edge = UIEdgeInsetsMake(20, 20, 20, 20);
    [view1 mas_makeConstraints:^(MASConstraintMaker *make) {
 //设置整体边界  make.edges.equalTo(self.view).with.insets(edge);
    }];

---

[view2 mas_makeConstraints:^(MASConstraintMaker *make) {
//使用CGPointMake和CGSizeMake方法设置属性
    make.center.mas_equalTo(CGPointMake(-100, -100));
    make.size.mas_equalTo(CGSizeMake(100, 100));
}];

---

[self.view1 mas_makeConstraints:^(MASConstraintMaker *make) {
    make.centerY.equalTo(self.view);
    //设置整体边界make.edges.equalTo(self.view).with.insets(UIEdgeInsetsMake(10, 10, 10, 10));
}];

---

[self.view1 mas_makeConstraints:^(MASConstraintMaker *make) {
//多个属性设置
    make.top.bottom.equalTo(self.view);
    make.right.and.left.equalTo(self.view);
    make.width.equalTo(self.view.mas_width).multipliedBy(0.5);
}];