的开发者, 我在界面生成器(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和中心Y约束到相关的超级视图中

确保约束从堆栈视图链接到正确的父视图(scrollview),因为当前默认设置是添加Align Top约束,而不是Top Space约束。

其他回答

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

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

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

正如在之前的回答中提到的,你应该在滚动视图中添加一个自定义视图:

将所有子视图添加到内容视图。 在某些时候,你会看到滚动内容视图有模糊的内容大小警告,你应该选择内容视图并单击“解决自动布局问题”按钮(在IB布局的右下角),并选择“添加缺少的约束”选项。

从现在开始,当你运行项目时,滚动视图将自动更新它的内容大小,不需要额外的代码。

你需要创建一个UIView作为UIScrollView的子视图,如下所示:

ui UIView 'Main View' UIScrollView UIView容器视图 (内容)

第二步是创建UIScrollView约束。我用它的superView的顶部,底部,前导和尾部约束做到了这一点。

接下来,我为UIScrollView容器添加了约束,这就是问题开始的地方。当你放置相同的约束(顶部,底部,前面和后面)时,Storyboard会给出一个警告消息:

“可滚动内容宽度不明确”和“可滚动内容高度不明确”

继续使用上面相同的约束,只需要在容器视图中添加等高等宽的约束,而不是与你的UIScrollView相关。换句话说,容器视图的约束被绑定到UIScrollView的父视图。

在此之后,您的Storyboard中将没有警告,您可以继续为子视图添加约束。

我在youTube上做了一个视频 在Xcode中只使用Storyboard滚动StackViews

我认为这里会出现两种情况。

scrollView -内的视图

没有任何内在内容大小(例如UIView) 大小(例如UIStackView)

对于这两种情况下的垂直可滚动视图,您需要添加以下约束:

4个从上,左,下,右的约束。 与scrollview宽度相等(用于停止水平滚动)

对于具有自身固有内容高度的视图,您不需要任何其他约束。

对于没有任何内在内容高度的视图,需要添加高度约束。只有当高度限制大于scrollView的高度时,视图才会滚动。

在Interface Builder的大小检查器中设置ViewController(持有UIScrollView的ViewController)的大小为Freeform,所有这些都应该工作。

在界面构建器的大小检查器中为包含UIViewcontroller的自由形式设置