iOS开发

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

2018-01-26  本文已影响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);  
    }]; 

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

上一篇下一篇

猜你喜欢

热点阅读