Masonry源码分析笔记

2019-04-29 15:52:35 阅读：352 来源： 互联网

标签：mas return secondViewAttribute self 笔记源码 Masonry make view

Masonry是Objective-C中一款非常火爆的替代原生AutoLayout的第三方框架；相比原生而言，使用起来更简单、优雅。

其实，项目中很多地方都有用到，之前一直没有深入去探究其中的原理，最近得空，来做个简单的分析：

注意：分析之前请先查看MASUtilities.h，这里面重新定义了系统的一些类名（或者叫起别名），以方便理解。

使用方法

//先添加到父视图
[self.view addSubview:_statusLable];

//添加约束    
__weak typeof(self) weakSelf = self;
[self.statusLable mas_makeConstraints:^(MASConstraintMaker *make) {
    make.left.mas_equalTo(10);
    make.right.mas_equalTo(-10);
    make.height.mas_equalTo(21);
    make.top.equalTo(weakSelf.tipImage.mas_bottom).with.offset(10);
}];

其中，离我们最接近的就是这个mas_makeConstraints方法了，我们也由此入口来深入展开。

很明显，这个方法的参数是个block，没有返回值，携带一个MASConstraintMaker *类型的参数；然后我们就在这个block内部一通设置，就实现了相关布局，这也太神奇了吧~

其实，作者是把简单的用法留给了用户，复杂的功能自己实现了。

首先，通过分类（View+MASAdditions.h）的方式，给view添加了一系列的方法和属性（mas_left、mas_top等等）

//制作约束
- (NSArray *)mas_makeConstraints:(void(NS_NOESCAPE ^)(MASConstraintMaker *make))block;
//更新约束
- (NSArray *)mas_updateConstraints:(void(NS_NOESCAPE ^)(MASConstraintMaker *make))block;
//重做约束
- (NSArray *)mas_remakeConstraints:(void(NS_NOESCAPE ^)(MASConstraintMaker *make))block;

方法内部：

- (NSArray *)mas_makeConstraints:(void(^)(MASConstraintMaker *))block {
    //确定是否将视图的自动调整遮罩转换为“自动布局”约束
    self.translatesAutoresizingMaskIntoConstraints = NO;
    //生成制作约束类的实例
    MASConstraintMaker *constraintMaker = [[MASConstraintMaker alloc] initWithView:self];
    //执行回调，暴露出去，用于设置相关约束
    block(constraintMaker);
    //安装所有约束并return
    return [constraintMaker install];
}

首先，我们需要重点关注

block(constraintMaker);

所有我们之前设置的相关约束，都是通过这个函数传进来的。而这个MASConstraintMaker把约束都存了起来。

- (MASConstraint *)left {
    return [self addConstraintWithLayoutAttribute:NSLayoutAttributeLeft];
}

- (MASConstraint *)top {
    return [self addConstraintWithLayoutAttribute:NSLayoutAttributeTop];
}

- (MASConstraint *)right {
    return [self addConstraintWithLayoutAttribute:NSLayoutAttributeRight];
}

- (MASConstraint *)bottom {
    return [self addConstraintWithLayoutAttribute:NSLayoutAttributeBottom];
}

我们发现，使用过程中的.语法挺特别，作者在这里用到了链式调用，我们用以下使用方法来具体分析：

make.left.mas_equalTo(10);

make.left生成一个约束属性，并保存在make中，然后返回一个MASConstraint实例，供我们调用

- (MASConstraint *)left {
    return [self addConstraintWithLayoutAttribute:NSLayoutAttributeLeft];
}

然后接着调用这个实例的equalTo方法

/**
 返回block（返回值为MASConstraint类型，参数id类型）
 */
- (MASConstraint * (^)(id))equalTo {
    return ^id(id attribute) {
        return self.equalToWithRelation(attribute, NSLayoutRelationEqual);
    };
}

上边代码猛地看起来有点儿晕，我们不妨慢慢分析、消化，这里建议倒着推：equalTo方法返回了一个block，那我们在调用方法时，其实就是间接调用了以下block

^id(id attribute) {
    return self.equalToWithRelation(attribute, NSLayoutRelationEqual);
};

也就间接调用了equalToWithRelation函数，而我们传入的attribute，此时被equalToWithRelation函数执行，然后返回的MASConstraint实例方便我们继续设置。真是妙极了！block也被玩出了

标签：mas,return,secondViewAttribute,self,笔记,源码,Masonry,make,view
来源： https://blog.csdn.net/heartofthesea/article/details/89673527

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

Masonry源码分析笔记