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

问题描述 投票:4回答:1

当我使用UIScrollView时,我遇到了一个奇怪的AutoLayout相关问题(没有它就不会发生这个问题)。

我有一个UIScrollView被限制在UIView(包含在UIViewController)的边界,并在其中,我试图并排放置UILabelUITextField。我已将UILabel约束到左边界和上边界,其宽度和高度受限制(见下面的截图):

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

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

swift uiscrollview ios8 storyboard autolayout
1个回答
9
投票

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

要做你想做的事,请执行以下操作:

  1. 在滚动视图中添加“内容视图”。此视图将是滚动视图中唯一的顶级项目。它会将您的所有内容保存为子视图。拖出UIView并将其添加到滚动视图中。将其顶部,前导,底部和尾部边缘限制在滚动视图中。将其宽度限制为滚动视图的宽度。给它一个高度约束并设置它你想要你的内容区域。
  2. 将所有标签和文本字段添加到此内容视图中。现在,您可以将它们限制在内容视图的中心或约束到边缘,它将按您的需要工作。
© www.soinside.com 2019 - 2024. All rights reserved.