UIScrollView可滚动内容大小模糊

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

当前回答

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

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

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

其他回答

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

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

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

我知道我可能晚了，但是下一个解决方案无需额外的代码就解决了这类问题，只是使用故事板:

对于你的内容视图，你需要设置前/后/上/下空格到滚动视图的约束，这不会改变内容视图框架，如下所示:

当然，您需要为内容视图创建额外的约束，以便滚动视图可以知道内容大小。例如，设置固定高度和中心x。

希望这能有所帮助。

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

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

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

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

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

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

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

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

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

我所做的是创建一个单独的内容视图，如下所示。

内容视图是自由形式的，可以将所有子视图添加到其中，并带有与contentView相关的约束。

UIScrollView被添加到主视图控制器。

我通过编程方式添加了通过IBOutlet链接到类的contentView，并设置了UIScrollView的contentView。

推荐文章