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

当前回答

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

2015-02-16 02:38:55

其他回答

2015-02-16 02:38:55

[在XCode 7.2和iOS 9.2中测试]

对我来说，抑制Storyboard错误和警告的方法是将滚动视图和内容视图(在我的例子中，是一个stackview)的固有大小设置为Placeholder。这个设置可以在故事板的大小检查器中找到。它说-设置设计时间内在内容大小只影响在界面生成器中编辑时的视图。视图在运行时没有这个固有的内容大小。

所以，我想我们设置这个不会错。

注意:在storyboard中，我已经将scrollview的所有边固定在superview上，将stackview的所有边固定在scrollview上。在我的代码中，我已经为scrollview和stackview设置了translatesAutoresizingMaskIntoConstraints为false。我还没有提到内容大小。当堆栈视图动态增长时，在故事板中设置的约束确保堆栈是可滚动的。

故事板警告快把我逼疯了，我不想为了抑制警告而水平或垂直地将事物居中。

2016-01-06 09:18:12

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

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

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

希望这能有所帮助。

2015-01-16 13:37:25

使用自动布局

在一个定义良好的视图中添加滚动视图，然后在滚动视图中添加堆栈视图

从滚动视图和堆栈视图中添加上、左、右、下、中心X和中心Y约束到相关的超级视图中

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

2020-05-21 21:01:06