UIScrollView 可滚动内容大小歧义

Posted 2023-02-15

技术标签:

【中文标题】UIScrollView 可滚动内容大小歧义【英文标题】：UIScrollView Scrollable Content Size Ambiguity 【发布时间】：2013-10-02 21:26:11 【问题描述】：

各位开发者，我在 Interface Builder (Xcode 5 / ios 7) 中遇到 AutoLayout 问题。这是非常基本和重要的，所以我认为每个人都应该知道它是如何正常工作的。如果这是 Xcode 中的一个错误，那就是一个严重的错误！

所以，每当我有这样的视图层次结构时，我都会遇到麻烦：

>UIViewController
>> UIView
>>>UIScrollView
>>>>UILabel (or any other comparable UIKit Element)

UIScrollView 有固定的约束，例如，每边 50 像素（没问题）。然后我向 UILabel 添加一个顶部空间约束（没问题）（我什至可以固定标签的高度/宽度，没有任何改变，但由于标签的固有大小应该是不必要的）

当我向 UILabel 添加尾随约束时，麻烦就开始了：

例如，尾随空格到：Superview 等于：25

现在出现两个警告 - 我不明白为什么：

A) Scrollable Content Size Ambiguity（Scroll View 具有不明确的可滚动内容高度/宽度）

B) 错位的视图（标签预期：x= -67 实际：x= 207

我在一个全新的项目中做了这个最小的例子，你可以下载它，我附上了一个截图。如您所见，Interface Builder 期望 Label 位于 UIScrollView 的边界（橙色虚线矩形）之外。使用解决问题工具更新标签的框架会将其移到那里。

请注意：如果将 UIScrollView 替换为 UIView，则行为符合预期（Label 的框架是正确的并且符合约束）。所以似乎 UIScrollView 有问题，或者我错过了一些重要的事情。

当我运行应用程序而不按照 IB 的建议更新标签的框架时，它的位置很好，正是它应该在的位置，并且 UIScrollView 是可滚动的。如果我确实更新了框架，则标签不在视线范围内，并且 UIScrollView 不会滚动。

帮助我欧比旺克诺比！为什么是模棱两可的布局？为什么会出现错误的视图？

您可以在此处下载示例项目并尝试是否可以弄清楚发生了什么： https://github.com/Wirsing84/AutoLayoutProblem

【问题讨论】：

尝试将 UILabel 放在内容视图中，然后将标签的后沿设置为内容视图（常规 UIView）。该视频可能对您有很大帮助：youtube.com/watch?v=PgeNPRBrB18&feature=youtu.be 很棒的视频，但它没有为我解决警告。 :( 非常感谢您的视频 - 我从中学到了很多（相当令人惊讶）！但是，当我将视频知识与***.com/questions/18953617/… 结合起来时，我可以修复警告。剩下的问题是：如何让 scrollView 的 contentView 大小只有必要的那么大？看看this 视频。它展示了如何在 XCode 5 / iOS 7 中使用 UIScrollLayout 和自动布局。我的建议是不要直接使用UIScrollView。而是尽可能使用UICollectionView 或UITableView，大多数情况下，这些元素都可以实现，并且它还提供简单性、可读性和可重用性！！！ 【参考方案1】：

Xcode 11+，Swift 5.

根据@WantToKnow 的回答，我解决了我的问题，我准备了video 和code

【讨论】：

应该是评论【参考方案2】：

使用自动布局

在定义明确的视图中添加滚动视图，然后在滚动视图中添加堆栈视图

将顶部、左侧、右侧、底部、中心 X 和中心 Y 约束从滚动视图和堆栈视图添加到其相关的超级视图

确保约束从堆栈视图链接到正确的超级视图（滚动视图），因为当前默认设置是添加对齐顶部约束而不是顶部空间约束。

【讨论】：

【参考方案3】：

滚动视图中的所有子视图都必须具有接触滚动视图所有边缘的约束，如文档中所述，滚动视图的高度和宽度由子视图中的度量自动计算，这意味着您需要对宽度有尾随和前导约束，对高度有顶部和底部约束。

【讨论】：