即使使用自动布局，在4英寸屏幕中创建的布局也会在3.5英寸屏幕中搞乱

Question

我有一个简单的登录屏幕。在4英寸的屏幕上看起来很好。

但是当我在3.5英寸的屏幕上运行它时，您可以看到底部部分被切断。

我打开了自动布局，下面是设置的约束。

如果我可以进一步解释一下，我有4个UITextFields。第一个（用户ID）对齐为中心Y对齐。并且每个UITextField彼此之下都设置了Vertical Space约束。对于按钮，也使用上面的UITextField（服务器）设置垂直空间。我明白这是导致问题的约束。但是如果我删除它并将底部空间添加到SuperView约束，则该按钮将与最后一个UITextField重叠。

我已经在RW上阅读了有关自动布局的教程的两个部分。我仍然不知道如何纠正这个问题。如何在两种屏幕尺寸中正确显示此布局？

谢谢。

Answer 1

简单的解决方案是将所有东西都固定在顶部，确保它适合3.5英寸的屏幕。随着屏幕的扩大，底部会有额外的空间。

更好的选择是在两个屏幕上均匀地垂直分隔元素，但这不能仅仅在界面构建器中完成。您需要在代码中计算垂直间距并将其应用于updateViewConstraints