UIScrollView和AutoLayout

素颜马尾好姑娘i 2022-08-10 08:38 176阅读 0赞

## UIScrollView及其AutoLayout ##

之所以要把`UIScrollView`单独拿出来说，是因为`UIScrollView`在`AutoLayout`时是一个比较特殊的视图。它特殊就特殊在它的`Top`、`Trailing`、`Head`、`Bottom`是相对于它的`ContentSize`来设置的，而不是它的`bounds`来设置的。

同时，要实现视图的滚动，`UIScrollView`就得先知道要滚动的视图(`UIScrollView`的子视图)的大小，这样才能够正确计算它要显示的各种数据(比如滚动条的大小、分页的多少)。

这样，你也许就不会好奇当你给`UIScrollView`的子视图添加好`Top`,`Trailing`,`Head`,`Bottom`约束时，为什么Xcode还是会提示有错误了。

因为你添加的子视图要根据`UIScrollView`的`ContentSize`确定大小，而`UIScrollView`的`ContentSize`又要根据`UIScrollView`的子视图确定其自身的大小。就这样，谁也不能确定自己的大小，所以Xcode就只能选择报错了。

## 使用AutoLayout的正确姿势 ##

要解决上面的相互矛盾的问题。我们可以先在`UIScrollView`上添加一个名叫`ContentView`的子视图，让它根据`UIScrollView`的宽和高(`UIScrollView`的宽和高还是根据它自身的`bounds`来确定的)来确定自身的大小，然后让`UIScrollView`通过`ContentView`来确定它的`ContentSize`，再然后，把要添加的子视图添加到`ContentView`上来，让子视图们根据`ContentView`来确定自己的大小和位置。

这样，`UIScrollView`的`ContentSize`的大小也确定了，子视图的大小和位置也确定了，大家皆大欢喜，算是大功告成。

但是，还是会有那么一点点的小瑕疵在里面。

## 阻止`ContentView`的向下偏移 ##

之所以说有点小瑕疵在里面是因为当你按照上面的方法都把约束添加好了以后，比如说像下面`ScrollView`这样：

![ScrollView][]

和`ContentView`这样：

![ContentView][]

在这里我让`ContentView`与`UIScrollView`等高等宽，`ContentSize`的`Top`,`Bottom`,`Head`,`Trailing`分别等于`ContentView`的对应属性，但是运行后却发现变成了下面这个样子：

![偏移][20151115210055817]

这里我把`ContentView`的背景色设置成了蓝色以便于观察。

你会发现`ContentView`向下偏移了一段距离。

原来，从`iOS7`开始，只要`UIScrollView`是`ViewController`的第一个子视图，并且顶部的导航栏不隐藏时，`UIScrollView`中的子视图就会自动往下偏移64个像素，在这里`UIScrollView`的子视图就是`ContentView`了，所以`ContentView`就会向下偏移了64像素。

要解决这个问题现在有下面两个方法：

1.  不让`UIScrollView`成为第一个子视图。
2.  调用`self.automaticallyAdjustsScrollViewInsets = NO`代码关掉自动偏移的功能。

[ScrollView]: /images/20220731/a0e8ade0a3c540618db71cfd1717a79b.png
[ContentView]: /images/20220731/9f36fc5e5cb44eaea7d4b6f319ed0d11.png
[20151115210055817]: /images/20220731/9783e24d218844fb8f396b384f40b37a.png