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

Posted 2023-03-08

【中文标题】尝试理解 iOS 8 中的 UIScrollView 自动布局

【英文标题】：Attempting to understand UIScrollView Auto Layout in iOS 8

【发布时间】：2015-03-21 23:42:07

【问题描述】：

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

使用 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://***.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 似乎对它们没有任何作用。

这只是一个错误吗？

【参考方案1】：

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

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

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

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

【讨论】：

是的，但这仍然不能解释为什么 setTranslatesAutoresizingMaskIntoConstraints(false) 会被忽略。我将接受您的回答，因为我得出的结论是，您应该始终设置约束，以免出现意外行为。

因为它没有使用translatesAutoresizingMaskIntoConstraints。查看translatesAutoresizingMaskIntoConstraints 的值，它已经是false。它没有使用该功能，而是使用它为您添加的约束。

啊，这也有助于杀死那些原型约束：Intrinsic Size: Placeholder