首页 文章

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

提问于
浏览
4

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

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

Properly functioning constraints for the UILabel

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

UITextField constraints causing Misplaced Views issue

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

1 回答

  • 9

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

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

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

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

相关问题