码迷,mamicode.com
首页 > 其他好文 > 详细

Masonry 布局 scrollView

时间:2019-07-19 20:42:52      阅读:95      评论:0      收藏:0      [点我收藏+]

标签:const   nat   原理   相对   响应   some   控制器   nts   布局   

原理
scrollView的高度(纵向滑动时)时靠内部的子控件撑起来的。我们直接给ScrollView布局会发现失败。用层级检查器发现,ScrollVIiw的高度有问题,我们可以选择添加一个UIView容器,约束容器的edge.equalTo(self.scrollView),和 containerView.height.mas_equalTo(self.scrollView);
往这个容器中添加控件,所有子空间相对于容器布局。
最后一个控件不要忘记 添加一个 和 容器底部的约束。否则 容器的高度是0, 里面所有的控件都无法响应手势了。因为 容器的size为0时,手势做坐标转换时响应链到达控制器时不是原来的期望的坐标了。
而且高度为0 的控件本来就是不因该存在的。

//
[self.scrollView mas_makeConstraints:^(MASConstraintMaker *make) {
    make.top.equalTo(self.view).offset(kNaviHeight);
    make.left.right.bottom.equalTo(self.view);
    make.width.mas_equalTo(kScreenW);
    make.height.mas_equalTo(kScreenH -(kNavHeight);
}];

//容器
[self.scrollView addSubview:self.conatinerView];
[self.conatinerView mas_makeConstraints:^(MASConstraintMaker *make) {
    make.edges.equalTo(self.scrollView);
    make.width.equalTo(self.scrollView);
}];

[self.subView mas_makeConstraints:^(MASConstraintMaker *make) {
    make.top.equalTo(self.someChildView.mas_bottom);
    make.left.right.equalTo(self.conatinerView);//左右约束
    make.height.mas_equalTo(kOneLineItemHeight);
    make.bottom.equalTo(self.conatinerView);//这个不能忘记
}];

Masonry 布局 scrollView

标签:const   nat   原理   相对   响应   some   控制器   nts   布局   

原文地址:https://www.cnblogs.com/wjw-blog/p/11215533.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!