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

当前回答

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

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

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

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

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

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

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

2014-10-29 21:20:40

其他回答

如果你注意到滚动条在右边滚动，但内容没有移动，那么这个事实可能值得考虑:

您还可以在滚动视图的内容和滚动视图之外的对象之间使用约束，为滚动视图的内容提供固定位置，使该内容看起来漂浮在滚动视图之上。

这是苹果公司的文档。例如，如果你不小心把你的顶部标签/按钮/Img/视图钉在滚动区域之外的视图(也许是一个标题或scrollView上面的东西?)而不是contentView，你会冻结你的整个contentView在适当的位置。

2016-09-29 23:32:16

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

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

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

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

2015-07-08 04:05:21

我得到了同样的错误。我已经做了以下工作

视图(父视图) 滚动视图0,0600600 ScrollView中的UIView: 0,0,600,600 UIView包含图像视图，标签

现在为scrollView(2)和UIView(3)添加开头/结尾/顶部/底部。

选择视图(1)和视图(3)设置相同的高度和重量。它解决了我的问题。

我已经做了一个视频，这将会有所帮助:

https://www.youtube.com/watch?v=s-CPN3xZS1A

2015-07-23 12:30:39

对我来说，添加contentView并没有像建议的那样真正起作用。此外，由于添加了视图，它会产生开销(尽管我不认为这是一个大问题)。对我来说最有效的方法是关闭我的scrollView的歧义检查。一切都布置得很好，所以我认为在像我这样简单的情况下是可以的。但是请记住，如果你的scrollView的其他约束被打破，Interface-Builder将不再就此警告你。

2017-03-03 03:44:14

更新

如今，苹果意识到我们多年前解决的问题(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中);设置也对齐中心水平和垂直;

2014-12-01 11:14:54

UIScrollView可滚动内容大小模糊

推荐文章

最新文章

标签