我错过了什么:自动布局和这个简单的例子?
使用带有 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
似乎对它们没有任何作用。
这只是一个错误吗?
最佳答案
当您创建一个没有任何约束的 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 约束:
关于ios - 尝试了解 iOS 8 中的 UIScrollView 自动布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29189331/