在UIScrollView上加约束

在UIScrollView上添加子控件，对其添加约束是有几点是需要注意的

UIScrollView是一个内容可以滚动的视图，在不使用AutoLayout的时候，需要手动设置它的contentSize，才能滚动。iOS开发到了如今这个阶段，很少有不用AutoLayout的了，那么在自动布局中UIScrollView应该怎样的设置约束呢？

我认为一个视图的约束本质还是来确定其frame的（位置和大小），在xib中添加约束，一个view需要设置居上（top）居左（leading）宽和高的约束，这样就不会报红色警告，而label只需要设置居上居左两条约束即可，这是因为label的宽和高可以由文字来确定，所以也不会报红的。

UIScrollView比较特殊，添加在UIScrollView上的子控件，不光需要确定自己本身的frame 还要确定其父视图UIScrollView的contentSize。如下图我为view设置居上居左 宽和高 xib会提示缺失约束

图1

当我又为view增加了居下（bottom）和居右（trailing）的约束后就没问题了

图2

在viewDidAppear是会发现contentSize是{375 ，700}，为什么呢，请看图2：view的height为600 top为100 bottom 为0 所以UIScrollView的contentSize.height = 700；view的width 等于控制器view的宽，我在iPhone7的模拟器上运行，所以contentSize.width = 375

图3

如图4 当我需要使用scrollView的时候，通常会先添加一个view作为容器（记作containerView），然后在containerView上添加子视图和约束，我在containerView上添加了5个颜色的view，又分别在这5个view上添加了5个label（自动换行）

图4

来看一下单个颜色的view是如何加的约束，以orangeView为例（另外4个同样）ps（可以看的出来我并没有给orangeView加高的约束）

图5

每个颜色view的内部约束都是这样的，现在来看各个颜色view之间的约束，从上到下间距为0，注意划红线的两条约束，orangeView的top = containerView的top ，blue的bottom = containerView的bottom。注意：此时我已将containerView的height的约束删除掉了，由上图5的约束，可以将各个颜色的view的高度确定下来，然后再由图6的约束又可以将containerView的高度确定下来。

图6

到此时约束已经添加完毕了，我将5个label拖线出去，分别给text赋值，运行打印如图7

图7

效果图

附实现过程：

1.UIScrollView 添加约束

2.在scrollView上添加containerVIew，约束 ：上下左右 宽（可与viewController.view等宽 可固定宽 ） 高（先随便设置一个数值）

3.在containerView上添加五个不同颜色的view ，约束： 从上到下，左（ leading），右（ trailing） ，高度（先随便设置一个数值） 这一步骤执行完之后，可以将步骤2中随便设置的高度删掉了。

4.在各个颜色的view上各天添加一个label（设置自动换行） ，约束 上，下，左（ leading），右（ trailing），这一步骤执行完之后，可以将步骤3中随便设置的高度删掉了。至此约束添加完毕

ps.步骤三执行完之后会报红的，将步骤2中随便设置的高度删掉就OK了

使用Masnory布局的在demo中，文章里就不赘述了。

demo地址