UIScrollview 与 Autolayout 的那点事

把大神的一些想法整理出来,方便以后查阅,如果涉及侵权问题,请与我联系...

• 为什么要用一个container包含其他subview?
• 为什么指定了edges 还要指定width? 不是多此一举吗?
• 使用下面的代码,可以确定scrollView的contentSize
• 例子
  一个宽等于scrollview, 高等于scrollview高度1.5倍的view 然后scrollview成功的计算出了ContentSize

UIView *container = [UIView new];
[scrollView addSubview:container];
[container mas_makeConstraints:^(MASConstraintMaker *make) {
   make.edges.equalTo(scrollView);// scrollView根据container的四边距计算contentsize
   make.width.equalTo(scrollView);// 如果我们需要竖向的滑动 就把width设为和scrollview相同
   make.height.equalTo(scrollView).multipliedBy(1.5);// 自定义滚动的高度范围
}];

UIScrollView依靠与其subviews之间的约束来确定ContentSize的大小
换成代码 是这个样子:

关键就在于: scrollview因为下面的约束, 以container的大小来计算ContentSize

[scrollView mas_makeConstraints:^(MASConstraintMaker *make) {
    make.left.equalTo(container.mas_left);
    make.right.equalTo(container.mas_right);
    make.top.equalTo(container.mas_top);
    make.bottom.equalTo(container.mas_bottom);
}];

• 这是因为UIScrollView是个非常特殊的view, UIScrollView与其subview之间相对位置的约束 并不会直接用于frame的计算 而是会转化为对ContentSize的计算
• 也就是说,当UIScrollView知道了上下左右的约束分别指向subview什么位置之后 只要subview的位置固定下来了 ContentSize的大小就确定下来了
  上面的代码效果等同于:

[container mas_makeConstraints:^(MASConstraintMaker *make) {
    make.edges.equalTo(scrollView);// scrollView根据container的四边距计算contentsize
}];

回到开头的问题:

• 一般情况下我们使用UIScrollView来进行autolayout布局,都是为了实现有很多非重复性的subview ,如果使用UITableView和UICollectionView太麻烦,这时直接使用UIScrollView就会很灵活

• 如果我们需要竖向的滑动 就把width设为和scrollview相同

make.edges.equalTo(scrollView);
make.width.equalTo(scrollView);

• 如果需要横向的滑动 就把height设为和scrollview相同

make.edges.equalTo(scrollView);
make.height.equalTo(scrollView);

总结:

• 确定好scrollView的约束, scrollView位置就确定下来
• 使用一个单一的containerView作为容器，然后把所有的subview添加到containerView容器中,并添加containerView与scrollView之间的约束 就可以获得正确的ContentSize了,而子View的约束则是相对containerView来添加就可以了.

原文出处