美文网首页iOS开发
解决Masonry添加到ScrollView上的view不显示

解决Masonry添加到ScrollView上的view不显示

作者: 小刘_假装是个程序员 | 来源:发表于2018-01-26 14:18 被阅读0次

    以前遇到过这关问题查了一下资料解决了就没在意,今天又出现这个问题做下记录加深记忆,也给大家分享一下。

    问题:

    我们使用Autolayout来布局UIScrollVie,添加的view不显示,打印log会看到view的宽和高是0。比如:

    __weak typeof(self) weak_self = self;  
        [self.mainScrollView mas_makeConstraints:^(MASConstraintMaker *make) {  
            make.edges.equalTo(weak_self).insets(UIEdgeInsetsMake(0, 0, buyingViewHeight, 0));  
        }];
    
    [self.headerView mas_makeConstraints:^(MASConstraintMaker *make) {  
            make.left.top.right.equalTo(self.mainScrollView);  
            make.height.equalTo(@60);  
        }];  
    

    UIScrollView的leading/trailing/top/bottom是相对于自己的ContentSize而不是Bounds来确定的。而ContentSize又是根据子视图决定的。

    上面的代码产生的结果就是headerView的高和宽都是0。因为mainScrollView的四边都是依据ContentSize,这个时候ContentSize又不确定,这样就导致了ScrollView的子视图不显示,子视图上面的点击事件不相应等问题。

    解决:

    既然我们直接添加到ScrollView的view不能使用它的约束条件,我们就抛开他重新创建一个view直接覆盖到ScrollView上,这个view的宽和高等于ContentSize的width和height:

    __weak typeof(self) weak_self = self;  
        [self.mainScrollView mas_makeConstraints:^(MASConstraintMaker *make) {  
            make.edges.equalTo(weak_self).insets(UIEdgeInsetsMake(0, 0, 0, 0));  
        }];  
        [self.container mas_makeConstraints:^(MASConstraintMaker *make) {  
            make.edges.equalTo(self.mainScrollView);  
            make.width.height.equalTo(self.mainScrollView);  
        }];  
        [self.headerView mas_makeConstraints:^(MASConstraintMaker *make) {  
            make.left.top.right.equalTo(self.container);  
            make.height.equalTo(@60);  
        }]; 
    

    大家有疑问可以评论,一起学习,共勉之!

    相关文章

      网友评论

        本文标题:解决Masonry添加到ScrollView上的view不显示

        本文链接:https://www.haomeiwen.com/subject/yxtwaxtx.html