UIScrollView的多ContentView的问题

这种场景最多的就是翻页，例如网易新闻客户端的滑动翻页等。没有用autoLayout时可以通过设置contentSize解决翻页的问题。用了autoLayout也可以用比较方便的方法解决。

这个例子的需求是：两个页面滑动。

下面直接上例子：

新建一个工程，名为AutoLayout+UIScrollView，和之前的一样把Use Size Classes取消掉（因为还要兼容iOS6）。选中Main.stroyboard，拖动一个ScrollView到self.view上，设置scrollView的上下左右约束，拖动contentView到scrollView上，设置上下左右的约束，但是要注意将Width的约束写死为640（因为模拟器中为320，而需求是2页，所以为640），这个时候在stroyboard上看不下contentView（因为640已经超过了320了），可以设置Simulated Metrics下的Size为 Freedom，

这样就可以调整self.view的显示尺寸了。

注意到前面写死的640了，这个值在iPhone5s以下都是正确的，但是iPhone6及以上都是错了。所以我们需要将这个约束单独的作为一个property，如下所示设置为

@property (weak, nonatomic) IBOutlet NSLayoutConstraint *contentSizeWidth;//不要忘了在viewDidLoad中设置：self.contentSizeWidth.constant = self.view.bounds.size.width * 2;

展开之后的视图是这个样子的：

这样就比较直观了，然后通过等分布局的思想，往各自的contentView上加各种视图。最终的各种约束是下面的样子：

上图的中间一条白色的view，是作为中心参考view的，这样方便整个contentView的布局。

之所以把这个作为例子是因为UIScrollView在AutoLayout下是个特殊的view，因为scrollView的subView的约束是针对contentSize而不是bounds，所以scrollView的subView是不能简单的通过和scrollView之间的各种约束来决定大小的，实际操作中可能会出现Has ambiguous scrollable content width/height的warning，如果出现这个warning，说明有错了。在网上有看到其他人用新建一个参考View的方法来解决这个问题，我在这里是通过先写死Width约束后改其具体的值来实现的。