iOS-iOS下的Masonry适配

素颜马尾好姑娘i 2023-10-16 23:06 73阅读 0赞

iOS适配分为两Auto—Layout和Masonry两种，Masonry就是基于Auto—Layout进行封装的第三方约束库，

Auto—Layout毕竟是原生的约束库，而Masonry有时因为约束不好，总会出现一些警告，虽然不会导致程序崩溃。

本人根据UI所给标注图加上公司要求，目前使用纯代码开发。所以，给出本人对Masonry的理解

1、Masonry的属性
    
    // 左侧
    
    @property (nonatomic,strong,readonly) MASConstraint *left;
    
    // 顶部
    
    @property (nonatomic,strong,readonly) MASConstraint *top;
    
    // 右侧
    
    @property (nonatomic,strong,readonly) MASConstraint *right;
    
    // 底部
    
    @property (nonatomic,strong,readonly) MASConstraint *bottom;
    
    // 首部
    
    @property (nonatomic,strong,readonly) MASConstraint *leading;
    
    // 尾部
    
    @property (nonatomic,strong,readonly) MASConstraint *trailing;
    
    // 宽
    
    @property (nonatomic,strong,readonly) MASConstraint *width;
    
    // 高
    
    @property (nonatomic,strong,readonly) MASConstraint *height;
    
    // 中心点x
    
    @property (nonatomic,strong,readonly) MASConstraint *centerX;
    
    // 中心点y
    
    @property (nonatomic,strong,readonly) MASConstraint *centerY;
    
    // 文本基线
    
    @property (nonatomic,strong,readonly) MASConstraint *baseline;
    
    这些属性与NSLayoutAttrubute的对照表如下
    
    43.jpg
    
    
    2、Masonry的三个函数
    
    //设置约束
     - (NSArray *)mas_makeConstraints:(void(^)(MASConstraintMaker *))block;
    //如果之前已经有约束,则更新新的约束,如果没有约束,则添加约束
    - (NSArray *)mas_updateConstraints:(void(^)(MASConstraintMaker *))block;
    //将之前的约束全部删除,添加新的约束
    
    - (NSArray *)mas_remakeConstraints:(void(^)(MASConstraintMaker *make))block;
    
    
    equal和mas_equal区别
    masequalTo 比equalTo多了类型转换操作，一般来说，大多数时候两个方法都是 通用的，
    但是对于数值元素使用mas_equalTo。对于对象或是多个属性的处理，使用equalTo。
    特别是多个属性时，必须使用equalTo,例如 make.left.and.right.equalTo(self.view);
    
    3、使用Masonry注意事项
    UIView *sv = [UIView new];
    //在做autoLayout之前 一定要先将view添加到superview上 否则会崩溃（报错为：不能找到父视图）
    [self.view addSubview:sv];
    //mas_makeConstraints就是Masonry的autolayout添加函数 将所需的约束添加到block中行了
    
    4、一般情况下，masonry约束使用
    （1）设置边距
     make.edges.equalTo(self.view)//.with.insets(UIEdgeInsetsMake(10, 10, 10, 10));
    （2）设置中心，大小
    make.center.equalTo(ws.view);
    //将size设置成(300,300)
    make.size.mas_equalTo(CGSizeMake(300, 300));
    
    （3）设置上、下、左、右（或者设置上、左，宽、高）
    
    【1】 make.top.equalTo(v_scrollTimer.scrollView.mas_bottom);
    
            make.height.mas_equalTo(@(f_CalcRealHeightByiPhone6(170));
    
            make.left.equalTo(backView.mas_left);
    
            make.right.equalTo(backView.mas_right);
     
    
    【2】 make.centerX.equalTo(img_welcome.mas_centerX);
    
            make.width.mas_equalTo(@(15));
    
            make.height.mas_equalTo(@(18));
    
            make.bottom.equalTo(img_welcome.mas_bottom).offset(-5);