的开发者, 我在界面生成器(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


当前回答

你只需要确保有办法使它连续 从滚动视图的顶部到底部的约束行。 (-X-X-X)

在我的例子中——一个水平滚动的滚动视图——我还需要为滚动视图的每个子视图添加宽度和高度限制,尽管苹果的技术说明没有告诉你这一点。

其他回答

Xcode 11+, Swift 5。

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

那些在uiscrollview而不是滚动中挣扎的人只是用你上一个视图的底部布局(在你的内容视图内部)来设置你的内容视图的底部约束。不要忘记删除中心Y的约束。

其余所有约束与上面定义的相同。Scrollview只关心从它的内容视图获取最大高度,我们将它设置为最后一个视图的底部约束,这意味着Scrollview将自动改变它的内容偏移量。

在我的例子中,最后一个视图是可用的,没有线属性= 0(自动调整它的高度取决于它的内容),所以它动态增加可用的高度,最终我们的可滚动区域增加,因为可用的底部布局与我们的内容视图的底部对齐,这迫使scrollview增加它的内容偏移。

我通过使用“解决自动布局问题”>“为所选视图添加缺失约束”来解决我的视图的这种问题

以下两个约束条件可以解决我的问题:

trailing = Stack View.trailing - 10
bottom = Stack View.bottom + 76

中: 尾随,bottom是UIScrollView的尾随,底部

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

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

它可能对你有帮助。

Xcode 11 +。

使用自动布局的最简单方法:

Add UIScrollView and pin it 0,0,0,0 to superview (or your desired size) Add container of UIView type inside ScrollView, pin it 0,0,0,0 to all 4 sides and center it horizontally and vertically. In size inspector of container, change bottom and align center Y priority to 250. (for horizontal scroll change trailing and align center X) Add all views that you need into said container (UIView). Don't forget to set the bottom constraint on the lowest view. Select the UIScrollView, select the size inspector and deselect Content Layout Guides.