xcode scrollview xib

概要

在Xcode11中对UIScrollView在Xib中的布局，苹果引入了Content Layout guide和Frame Layout Guide。我们拖动一个UIScrollView到Xib中，默认就会有Content Layout guide和Frame Layout Guide两个选项嵌入。如下图：

新加入的UIScrollView

这时我们可以选择两种方式来进行布局：

（1）将右边检查器中Content Layout Guides的勾勾去掉，这样Content Layout guide和Frame Layout Guide在UIScrollView中就会自动消失，这时候布局就跟以前的Xcode版本一样，网上教程有很多，不在本文的讨论里面

（2）保留Content Layout guide和Frame Layout Guide，分别对它们进行设置，完成UIScrollView的内容布局，本文则讲解这种方式的布局步骤进行实现

实现步骤

最终实现目的

要将这样的UIScrollView成功布局，我们要完成两个部分：

（1）完成UIScrollView自身相对于父视图的布局设置，这个是Frame Layout Guide的部分

（2）完成UIScrollView滚动内容的布局设置，这个是Content Layout guide的部分

在下面，我们就一步步就完成这些设置

一、在视图控制器中拖入一个UIScrollView并设置约束

拖入一个UIScrollView到ViewController中，并分别设置它相对于父视图的约束为0，如下图

二、拖入一个UIView到UIScrollView中，并设置它的约束

拖入一个UIView到UIScrollView中,作为内容显示视图，Autolayout将使用这个View的宽高来计算UIScrollView的滚动范围，并分别设置它相对于Content Layout guide的约束为0，具体步骤为：左键选中View，右键拖动它到Content Layout guide上，按住shift键，将上下左右都给选中，如果xcode默认了当前的相对数据，在右边将它手动改为0，操作如下图