UIScrollView导致“错位视图”AutoLayout问题

Question

当我使用UIScrollView时，我遇到了一个奇怪的AutoLayout相关问题（没有它就不会出现这个问题）。

我的UIScrollView受限于UIView的边界（包含在UIViewController内），在此范围内，我试图放置UILabel和UITextField并排。我已将UILabel约束到左边界和上边界，并限制了它的宽度和高度（见下面的截图）：

此UILabel旁边是UITextField，它被限制在左侧，顶部和右侧，以及高度受限制。但是，这会导致出现“错位概览”警告，其中会显示“预期width = 163，实际width = 413”，如下面的屏幕截图所示：

当我选择“重置为建议的约束”时，“错位视图”问题消失了，但在它的位置我留下了width 413点的约束，这是我希望避免的，因为我不希望这个UIViewController在较小的设备上可以水平滚动。

Answer 1

滚动视图的大小（屏幕占用的大小）和内容大小（整个可滚动区域的大小）。在“自动布局”中，将根据滚动视图中项目的约束自动计算内容大小。这是一个问题，因为您尝试使滚动视图与屏幕具有相同的宽度，然后将项目限制为该范围。执行此操作时，“自动布局”会强制您为文本字段指定显式宽度，以便计算可滚动区域的宽度。

要做你想做的事，请执行以下操作：

1. 在滚动视图中添加“内容视图”。此视图将是滚动视图中唯一的顶级项目。它会将您的所有内容保存为子视图。拖出UIView并将其添加到滚动视图中。将其顶部，前导，底部和尾部边缘限制在滚动视图中。将其宽度限制为滚动视图的宽度。给它一个高度约束，并设置你想要的内容区域。

2. 将所有标签和文本字段添加到此内容视图中。现在，您可以将它们限制在内容视图的中心或约束到边缘，并且它将按您的意愿工作。