本文共 4417 字,大约阅读时间需要 14 分钟。
为视图添加约束的方法有很多,可以使用系统原生的约束方法,即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的应用等,很多可以参考的地方。学会一种编程思想会使我们的编程更加的规范,代码更具有可读性。
转载地址:http://jgivi.baihongyu.com/