UIScrollView导致"错位视图"AutoLayout问题

Question

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

我有一个UIScrollView被约束到的边界UIView(包含内UIViewController),并在那,我试图把一个UILabel和UITextField并排.我限制了UILabel左边界和上边界,它的宽度和高度受到约束(见下面的截图):

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

当我选择"重置为建议的约束","错位意见"的问题消失了,但在它的地方,我留下了一个width413点的约束,这是一件好事,我希望避免,因为我不会这样想UIViewController,以可在较小的设备上水平滚动.

Answer 1

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

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

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

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