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

Attempting to understand UIScrollView Auto Layout in iOS 8

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

使用 xcode 6.2 和 iOS 的单一视图模板,我的情节提要如下所示:

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

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

渲染结果为:

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

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

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

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

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

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

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

我发现了这个对同一问题的引用:

好的,所以有一些约束,我将删除所有约束并尝试自己手动重新设置它们,我也会省略 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 似乎对它们没有任何作用。

这只是一个错误吗?

当您创建没有任何约束的视图时,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的宽高约束却不是。如果你想让它使用 top/bottom 和 leading/trailing 约束,那么你应该自己添加它们。

或者,如果您选择 "Reset to suggested constraints",即使这些约束优于在没有任何约束的情况下生成的 600x600 约束: