iOS面试集

iOS Masonry详解

2023-02-07  本文已影响0人  搬砖的crystal

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);

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

// 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 类型的属性,所以可以一直点下去,这就是我们通常说的点语法,想要使用点语法,需要满足条件几个条件:
(1)有返回值
(2)没有参数
(3)返回值一般都是本类对象
这其中 - (MASConstraint * (^)(id))equalTo 方法比较特别,它的返回值是一个 block,而且 block 本身还带有返回值和参数,block 返回值也是 MASConstraint 类型,显然这个也满足点语法的要求,但是在调用该方法的时候却是传了参数的,这是怎么回事?细心的就会发现,虽然方法没有参数,但是方法的返回值是一个 blockblock 有参数,所以通过 block作为返回值的方式,把参数传进来且带有本类对象返回值的编程思想就是链式编程。

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

CalculatorManager

//.h
#import <Foundation/Foundation.h>
@class Calculation;
@interface CalculatorManager : NSObject
- (CGFloat)sum:(void(^)(Calculation *make))block;
@end

//.m
#import "CalculatorManager.h"
#import "Calculation.h"
@implementation CalculatorManager
- (CGFloat)sum:(void(^)(Calculation *))block{
    Calculation *cal = Calculation.new;
    block(cal);
    return cal.result;
}
@end

Calculation

//.h
#import <Foundation/Foundation.h>

@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

//.m
#import "Calculation.h"
@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).add(15.0);
    }];
    NSLog(@"%.2f",result);//16
上一篇 下一篇

猜你喜欢

热点阅读