尝试理解 iOS 8 中的 UIScrollView 自动布局

Question

我错过了什么：自动布局和这个简单的例子？

使用 xcode 6.2 和 iOS 的单视图模板，我的故事板如下所示：

我有一个带有滚动视图的视图控制器，它占用了可用空间。滚动视图上的界面构建器没有设置任何约束，因此它应该将自动调整大小掩码转换为约束。

当我在模拟器中运行它时，我得到以下输出。注意控制台中的测量输出。我在viewDidLayoutSubviews 和viewDidAppear 都获得了这些测量结果，它们在两种情况下都是相同的。此外，对于这个示例，我启用和禁用了 Adjust Scroll View Insets，结果相同：

渲染结果为：

注意控制台中滚动视图的框架和边界大小：600x600。此外，视图底部有一个非常明显的白色间隙。这与情节提要布局不符。它应该填充视图。所以我只能假设，在情节提要中，大小类设置为 600x600，并且自动布局约束从中得到转换。

公平地说，让我们关闭它们，在viewDidLoad 中我做了以下假设，如果我没有设置任何额外的约束，结果帧将为 0x0：

view.setTranslatesAutoresizingMaskIntoConstraints(false)    
scrollView.setTranslatesAutoresizingMaskIntoConstraints(false)

什么也没发生，视图呈现与上面相同，不是我假设的 0x0 尺寸，而是 600x600。显然我的假设是错误的。

接下来我尝试自己添加约束：

view.setTranslatesAutoresizingMaskIntoConstraints(false)    
scrollView.setTranslatesAutoresizingMaskIntoConstraints(false)

仍然存在。我在模拟器中的下一次运行，我得到了很多输出告诉我存在冲突的约束。具体来说，我没有设置 2 个问题：NSIBPrototypingLayoutConstraint 这让我觉得很明显 setTranslatesAutoresizingMaskIntoConstraints 被忽略了？

我发现此引用指向同一问题：

https://stackoverflow.com/a/18995528/1060314

好的，所以有一些约束，我将删除所有约束并尝试手动重新设置它们，我也会省略setTranslatesAutoresizingMaskIntoConstraints：

// there should be no need to set the translates auto resizing mask
// to false, as I'm removing everything anyway.
view.removeConstraints(view.constraints())

var h1 = NSLayoutConstraint.constraintsWithVisualFormat("H:|[view]|",
    options: NSLayoutFormatOptions(0), metrics: nil, views: ["view": scrollView])

var v1 = NSLayoutConstraint.constraintsWithVisualFormat("V:|[view]|",
    options: NSLayoutFormatOptions(0), metrics: nil, views: ["view": scrollView])

view.addConstraints(h1 + v1)

这产生了预期的输出：

没有间隙，在底部，日志输出也是正确的。

如果我在界面生成器中设置约束，我可以获得相同的结果。我假设 IB 中的设置约束删除了 NSIBPrototypingLayoutConstraints?

所以我真的不明白这里发生了什么。我的意思是我想我明白为什么我的最后一个例子给了我我的期望。我删除了所有约束并自己设置；这就说得通了。或者我使用 Interface Builder 来做和上面的代码一样的事情。

我显然不明白 Interface Builder 对自动生成的 NSIBPrototypingLayoutConstraint 类型的约束做了什么，以及为什么设置 setTranslatesAutoresizingMaskIntoConstraints 似乎对它们没有任何作用。

这只是一个错误吗？

Answer 1

当您创建一个没有任何约束的视图时，Interface Builder 会警告您：

所选视图没有约束。在构建时，将为视图生成显式的左侧、顶部、宽度和高度约束。

出于您的目的，自动生成的左侧和顶部约束为零即可。但是自动生成的600的宽高约束不是。如果您希望它使用顶部/底部和前导/尾随约束，那么您应该自己添加它们。

或者，如果您选择“重置为建议的约束”，即使这些约束比在没有任何约束的情况下生成的 600x600 约束要好：