的开发者, 我在界面生成器(Xcode 5 / iOS 7)中的自动布局遇到了麻烦。 这是非常基础和重要的,所以我认为每个人都应该知道这是如何正确工作的。如果这是Xcode中的一个bug,那它就是一个严重的bug !

所以,每当我有这样的视图层次结构时,我就会遇到麻烦:

>UIViewController
>> UIView
>>>UIScrollView
>>>>UILabel (or any other comparable UIKit Element)

UIScrollView有固定的约束,例如,每边50px(没问题)。 然后我添加一个顶部空间约束UILabel(没有问题)(我甚至可以钉标签的高度/宽度,改变什么,但应该是不必要的,由于标签的内在大小)

当我给UILabel添加一个尾随约束时,问题就开始了:

例如,尾随空间到:Superview等于:25

现在出现了两个警告——我不明白为什么:

A)滚动内容大小不明确(滚动视图具有不明确的滚动内容高度/宽度)

B)视图错位(Label Expected: x= -67 Actual: x= 207)

我在一个新项目中做了这个最小的例子,你可以下载,我附上了一张截图。如你所见,Interface Builder期望Label位于UIScrollView的边界之外(橙色虚线矩形)。用解决问题工具更新标签的框架,将其移到那里。

请注意:如果你用一个UIView替换UIScrollView,行为是预期的(标签的帧是正确的,根据约束)。所以看起来要么是UIScrollView有问题,要么是我错过了一些重要的东西。

当我运行应用程序而不更新标签的框架时,它的位置很好,正是它应该在的地方,UIScrollView是可滚动的。 如果我确实更新了帧,标签就会从视野中消失,UIScrollView也不会滚动。

帮帮我,欧比王·克诺比!为什么是模棱两可的布局?为什么会出现这种错位的观点?

你可以在这里下载示例项目,试着看看你能弄清楚发生了什么: https://github.com/Wirsing84/AutoLayoutProblem


当前回答

见下图:内容视图以滚动视图垂直和水平集中。 你有歧义错误,总是确保从你的内容视图添加到scrollview的两个是1).按钮空间到容器。2)尾随空间到屏幕截图中突出显示的约束,

这些约束的意思是在滚动中,你可以在你的内容视图高度或宽度后滚动多少。

它可能对你有帮助。

其他回答

我终于明白了,我希望这更容易理解。

你通常可以通过添加一个基本的UIView到滚动视图作为一个“内容视图”来绕过这个警告,就像他们提到的,让它和你的滚动视图一样大,在这个内容视图上,设置这6个参数。

如您所见,您总共需要6个参数!哪一个在正常情况下,你复制了两个约束,但这是避免故事板错误的方法。

垂直滚动

添加一个带有约束0,0,0,0的UIScrollView到superview。 在ScrollView中添加一个UIView,约束为0,0,0,0到superview。 为UIScrollView添加相同宽度的约束。 添加高度到UIView。 向UIView添加带有约束的元素。 对于最靠近底部的元素,确保它有一个到UIView底部的约束。

更新

如今,苹果意识到我们多年前解决的问题(lol_face),并提供内容布局指南和框架布局指南作为UIScrollView的一部分。因此,您需要执行以下步骤:

与以下原始回复相同; 对于这个contentView,设置顶部,底部,左边和右边的边距为0,将它们固定到滚动视图的内容布局指南; 现在将contentView的高度设置为Frame Layout Guide的高度。对宽度做同样的操作; 最后,将等高约束的优先级设置为250(如果您需要视图垂直滚动,宽度水平滚动)。

完成了。

现在你可以在contentView中添加所有的视图,scrollView的contentSize会自动根据contentView调整大小。

不要忘记从contentView中最后一个对象的底部设置约束到contentView的边缘。

原始(弃用)

So I just sorted out in this way:

在UIScrollView里面添加一个UIView(我们可以称之为contentView); 在这个contentView中,将上,下,左,右边距设置为0(当然是从scrollView,也就是superView中);设置也对齐中心水平和垂直;

滚动视图内的所有子视图必须有约束触摸滚动视图的所有边缘,正如它在文档中解释的那样,滚动视图的高度和宽度是由子视图的度量自动计算的,这意味着你需要对宽度有尾随和领先约束,对高度有顶部和底部约束。

Xcode 11+, Swift 5。

根据@WantToKnow的回答,我解决了我的问题,我准备了视频和代码