试图理解 iOS 8 中的 UIScrollView 自动布局
Attempting to understand UIScrollView Auto Layout in iOS 8
我错过了什么回复:自动布局和这个简单的例子?
使用 xcode 6.2 和 iOS 的单一视图模板,我的情节提要如下所示:
我有一个带有滚动视图的视图控制器,它消耗了可用的 space。滚动视图上的界面构建器没有设置任何约束,因此它应该将自动调整大小掩码转换为约束。
当我在模拟器中 运行 时,我得到以下输出。注意控制台中的测量输出。我在 viewDidLayoutSubviews
和 viewDidAppear
中都获得了这些测量值,它们在两种情况下都是相同的。此外,对于此示例,我启用和禁用了 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 中的设置约束删除了 NSIBPrototypingLayoutConstraint
s?
所以我真的不明白这里发生了什么。我的意思是我想我明白为什么我的最后一个例子给了我预期的结果。我删除了所有的约束并自己设置它们;这就说得通了。或者我使用 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 约束:
我错过了什么回复:自动布局和这个简单的例子?
使用 xcode 6.2 和 iOS 的单一视图模板,我的情节提要如下所示:
我有一个带有滚动视图的视图控制器,它消耗了可用的 space。滚动视图上的界面构建器没有设置任何约束,因此它应该将自动调整大小掩码转换为约束。
当我在模拟器中 运行 时,我得到以下输出。注意控制台中的测量输出。我在 viewDidLayoutSubviews
和 viewDidAppear
中都获得了这些测量值,它们在两种情况下都是相同的。此外,对于此示例,我启用和禁用了 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 中的设置约束删除了 NSIBPrototypingLayoutConstraint
s?
所以我真的不明白这里发生了什么。我的意思是我想我明白为什么我的最后一个例子给了我预期的结果。我删除了所有的约束并自己设置它们;这就说得通了。或者我使用 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 约束: