ios - 尝试了解 iOS 8 中的 UIScrollView 自动布局

Question

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

使用带有 iOS 单 View 模板的 xcode 6.2，我的 Storyboard 如下所示:

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

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

渲染结果为:

注意控制台中 ScrollView 的框架和边界大小:600x600。此外， View 底部有一个非常明显的白色间隙。这与 Storyboard 布局不一致。它应该填充 View 。所以我只能假设，在 Storyboard 中，大小类设置为 600x600 并且自动布局约束是从中转换而来的。

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

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

什么也没发生， View 呈现与上面相同，不是我假设的 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 中的设置约束删除了 NSIBPrototypingLayoutConstraint？

所以我真的不明白这里发生了什么。我的意思是我想我明白为什么我的最后一个例子给了我预期的结果。我删除了所有的约束并自己设置它们；这就说得通了。或者我使用 Interface Builder 来执行与上面的代码相同的操作。

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

这只是一个错误吗？

Answer 1

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

The selected views have no constraints. At build time, explicit left, top, width, and height constraints will be generated for the view.

为了您的目的，自动生成的零左约束和上约束是可以的。但是自动生成的600的宽高约束却不是。如果你想让它使用顶部/底部和前导/尾随约束，那么你应该自己添加它们。

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