iOS10后使用Masonry进行自动布局出现的问题及处理

iOS10.0系统发布后,做了一些简单的适配工作(权限,UILabel的大小,导航栏的tintColor等),进行新版本测试突然发现自动布局不好使了。项目中很多地方用到了自适应cell,在iOS10.0之前都是完美运行的。如果此时换成手动计算高度实现自适应,这个工程量还是比较大的。无奈研究了一晚上,终于找到了在iOS10下关于Masonry实现自适应的解决办法。

一、网上查找的一种处理方法--调整代码

这是之前在10.0下出问题的代码

[viewBG mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.equalTo(self.contentView).offset(10*ScaleScreenH);
        make.right.equalTo(self.contentView).offset(-10*ScaleScreenH);
        make.top.equalTo(self.contentView);
        make.height.equalTo(@(viewBG.height));
    }];
    [self.contentView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.equalTo(self);
        make.right.equalTo(self);
        make.top.equalTo(self);
        make.bottom.equalTo(viewBG).offset(15*ScaleScreenH);
    }];

只需要做一个调整,对于viewBG的底部约束,不能写在contentView的约束里了。至于为什么,我也不清楚。

    [viewBG mas_makeConstraints:^(MASConstraintMaker *make) {
        make.left.equalTo(self.contentView).offset(10*ScaleScreenH);
        make.right.equalTo(self.contentView).offset(-10*ScaleScreenH);
        make.top.equalTo(self.contentView);
        make.height.equalTo(@(viewBG.height));
        make.bottom.equalTo(self.contentView).offset(-15*ScaleScreenH);
    }];
    [self.contentView mas_makeConstraints:^(MASConstraintMaker *make) {
        make.edges.equalTo(self);
    }];

二、文字自适应

方法一中,viewBG的高度是已知的,可以通过高度进行约束。
如果你的代码中是使用label的文字自适应, 那么就有问题了,你需要去手动计算文字的高度,再进行高度适配
如下这种需求(文字无关,随便复制的)


iOS10后使用Masonry进行自动布局出现的问题及处理_第1张图片
Simulator Screen Shot 2016年10月12日 下午4.16.41.png

在iOS10之前,我的代码是这样写的:

// 布局
      [self.label mas_makeConstraints:^(MASConstraintMaker *make) {
            make.top.equalTo(self.contentView).offset(10);
            make.left.equalTo(self.contentView).offset(16);
            make.right.equalTo(self.contentView).offset(-16);
        }];
        [self.contentView mas_makeConstraints:^(MASConstraintMaker *make) {
            make.top.left.right.equalTo(self);
            make.bottom.equalTo(self.label.mas_bottom).offset(10);
        }];

出现的问题:每个label的高度都为0,显示无任何内容
根据方法一进行修改后

// 布局
      [self.label mas_makeConstraints:^(MASConstraintMaker *make) {
            make.top.equalTo(self.contentView).offset(10);
            make.left.equalTo(self.contentView).offset(16);
            make.right.equalTo(self.contentView).offset(-16);
            make.bottom.equalTo(self.contentView).offset(-10);
        }];
        [self.contentView mas_makeConstraints:^(MASConstraintMaker *make) {
            make.edges.equalTo(self);
        }];
iOS10后使用Masonry进行自动布局出现的问题及处理_第2张图片
Simulator Screen Shot 2016年10月12日 下午4.25.38.png

文字的高度都不正确,全部都只有一行,当cell滚动界面再出现时,才正确
通过调试发现,iOS10之前, layoutSubViews方法在cell初始化时就会调用两次, 而iOS10之后, layoutSubViews方法只会调用一次
解决方法:1.与方法一配合使用,计算文字的高度,进行高度约束
2.手动使用layoutSubViews多走一次,就可得到正确的高度

- (void)setText:(NSString *)text {
    _text = text;
    
    self.label.text = text;
    // 自动适配并重新布局
    [self.label sizeToFit];// 可以得到label的正确高度
    [self layoutIfNeeded];//会重新调用一次LayoutSubViews
}

结果恢复正常


iOS10后使用Masonry进行自动布局出现的问题及处理_第3张图片
Simulator Screen Shot 2016年10月12日 下午4.16.41.png

你可能感兴趣的:(iOS10后使用Masonry进行自动布局出现的问题及处理)