Xcode11.2 ScrollViews ContentLayout FrameLayout

更新Xcode11.2之后，Xib布局发现ScrollView的布局有些改变。

重点：iOS 11以上才可以
 

ContentLayout 和 FrameLayout 介绍

---

ContentLayout 和 FrameLayout 都继承UILayoutGuide。

UILayoutGuide: LayoutGuide我们在SafeArea的时候都使用过，简单的讲就是一个虚拟矩形，为了方便布局。

ContentLayout：内容布局Layout ，是Scrollview 可滚动部分Content的Guide。

FrameLayout ： Scrollview 边框Layout的Guide,和实际Scrollview Frame相同。

 

Scrollview Xib如何布局

---

1、拖入Scrollview，确定位置约束

 
这个应该没有问题，主要看下一步与之前有点区别。
 

2、拖入View作为ContentView，确定滚动范围

可以通过两种方式决定:

• 固定高度范围
• 由子视图范围决定

已固定高度为例，子视图类似。
 
 

核心：确定宽高部分。

确定宽度布局：

确定滚动范围如屏幕宽度大小布局如下：

确定滚动范围固定大小如下：

 

确定高度布局：

3. ContentLayoutGuide的作用和之前的区别

与之前的区别主要是添加这个ContentLayoutGuide，没有这个之前的布局大都是写在ContentView里面。

现在可以这样布局，假如你已经确定了一个固定的滑动范围，如黄色背景。我们添加一个白色视图，即可以看出作用。

如下图：