iOS-Masonry实现原理

为视图添加约束的方法有很多，可以使用系统原生的约束方法，即NSLayoutConstraint约束类；可以使用storyboard添加约束；甚至使用CGRectGetMaxY(rect)的若干方法为视图布局。这次我们要说的是使用纯代码添加约束，一个轻量级的第三方约束框架Masonry，作者Jonas Budelmann（乔纳斯·布德曼）很牛匹，相信很多纯代码编程的程序员都用过这个框架，写得很酷，使用起来也很简单明了。那么它的内部到底怎么实现的，能让我们使用起来那么舒服呢？接下来我们就解开它的神秘面纱。

首先应该知道Masonry是封装系统的NSLayoutConstraint类，目的是让约束写起来更加的简洁方便。使用Masonry添加约束，以下面代码为例：

    UIView *redView = [[UIView alloc] init];
    redView.backgroundColor = [UIColor redColor];
    [self.view redView];
    // 1、yellowView 调用 masonry 的布局约束方法（UIView的分类中）
    [yellowView mas_makeConstraints:^(MASConstraintMaker *make) {
        // 4、执行block，参数约束制造者已经到位，为其添加约束
        make.width.height.left.top.equalTo(100);
    }];

Masonry源码：分类View+MASAdditions.h中

/**
 *  当block执行完成，定义的每个约束都将添加到视图或相应的超级视图中
 *
 *  @param block 在block中为视图添加约束范围（约束制造者作为参数）
 *
 *  @return Array of created MASConstraints 返回一个约束数组
 */
- (NSArray *)mas_makeConstraints:(void(^)(MASConstraintMaker *))block {
    // 2、创建约束制造者对象，用以作为block的返回值，
    self.translatesAutoresizingMaskIntoConstraints = NO;
    MASConstraintMaker *constraintMaker = [[MASConstraintMaker alloc] initWithView:self];
    // 3、调用block，将约束制造者传过去，用以添加约束
    block(constraintMaker);
    // 5、block执行完毕，约束制造者调用 install 方法，返回约束数组
    return [constraintMaker install];
}

从上面的案例中，我们可以清楚的看到，我们的redView能够直接调用View+MASAdditions.h中的方法，不难看出作者是为UIView添加了一个分类，从而才可以直接调用里面的- (NSArray *)mas_makeConstraints:(void(^)(MASConstraintMaker *))block方法。这个方法很关键，一个数组返回值，一个block参数，而block中也有自己的一个参数约束制造者MASConstraintMaker。

回到上面的代码，第一步redView调用约束方法，跳转到方法内部来到第二步；在第二步，创建一个约束制造者对象constraintMaker，它的作用是添加约束；来到第三步，调用block，将constraintMaker当作参数传到实现block的代码块中；既然block已经调用，那么就会执行第四步，在实现block的代码块中添加约束的地方；当block执行完毕来到第五步，约束制造者调用 install 方法，返回约束数组。这是一个完整的Masonry添加约束的方法，核心思想就是函数式编程，调用的代码和处理的业务逻辑的代码在一起，其实就是把代码聚合起来管理。

下面讲约束的具体实现，上例约束代码的实现如下：

make.width.height.left.top.equalTo(100);

如果你乐意，可以一直点下去：

make.width.height.left.top.equalTo(100).equalTo(30).equalTo(40);

可以看到约束代码的写法很独特，看上去即高大上又简洁，它内部是怎么实现的呢？看源码：

// MASConstraintMaker 类
 - (MASConstraint *)width {
    return [self addConstraintWithLayoutAttribute:NSLayoutAttributeWidth];
}

// MASConstraint 类
 - (MASConstraint *)height {
    return [self addConstraintWithLayoutAttribute:NSLayoutAttributeHeight];
}
 - (MASConstraint *)left {
    return [self addConstraintWithLayoutAttribute:NSLayoutAttributeLeft];
}
 - (MASConstraint *)top {
    return [self addConstraintWithLayoutAttribute:NSLayoutAttributeTop];
}

// MASConstraint 类
 - (MASConstraint * (^)(id))equalTo {
    return ^id(id attribute) {
        return self.equalToWithRelation(attribute, NSLayoutRelationEqual);
    };
}

可以看出，不管是MASConstraintMaker类中的属性还是MASConstraint类中的属性都是MASConstraint类型，调用getter方法后都会返回MASConstraint类型的属性，所以可以一直点下去，这就是我们通常说的点语法，想要使用点语法，需要满足条件几个条件：

• 有返回值
• 没有参数
• 返回值一般都是本类对象

这其中- (MASConstraint * (^)(id))equalTo方法比较特别，它的返回值是一个block，而且block本身还带有返回值和参数，block返回值也是MASConstraint类型，显然这个也满足点语法的要求，但是在调用该方法的时候却是传了参数的，这是怎么回事？细心的就会发现，虽然方法没有参数，但是方法的返回值是一个block，block有参数，所以通过block作为返回值的方式，把参数传进来且带有本类对象返回值的编程思想就是链式编程。

现学现用，来写一个求和功能类：

CalculatorManager类

@interface CalculatorManager : NSObject

- (CGFloat)sum:(void(^)(Calculation *make))block;
 
@end

@implementation CalculatorManager

- (CGFloat)sum:(void(^)(Calculation *))block
{
    Calculation *cal = Calculation.new;
    block(cal);
    return cal.result;
}

@end

Calculation类

@class Calculation;

/**
 *  计算器 block
 *
 *  @param num 计算的数
 *  @return CalculatorManager
 */
typedef Calculation *(^CalculationBlock)(CGFloat num);

@interface Calculation : NSObject
// 结果
@property (nonatomic, assign) CGFloat result;
// 加
- (CalculationBlock)add;
// 减
- (CalculationBlock)subtract;
// 乘
- (CalculationBlock)multiply;
// 除
- (CalculationBlock)divide;

@end

@implementation Calculation

- (CalculationBlock)add
{
    return ^id(CGFloat num) {
        self.result += num;
        return self;
    };
}

- (CalculationBlock)subtract
{
    return ^id(CGFloat num) {
        self.result -= num;
        return self;
    };
}

- (CalculationBlock)multiply
{
    return ^id(CGFloat num) {
        self.result *= num;
        return self;
    };
}

- (CalculationBlock)divide
{
    return ^id(CGFloat num) {
        self.result /= num;
        return self;
    };
}

@end

使用

    CalculatorManager *manager = CalculatorManager.new;    
    CGFloat result = [manager sum:^(Calculation *make) {
        make.add(10.0).subtract(5.0).multiply(5.0).divide(25.0);
    }];

Masonry中主要思想就是函数式编程和链式编程，还有其他的一些技术点像runtime的应用等，很多可以参考的地方。学会一种编程思想会使我们的编程更加的规范，代码更具有可读性。