2

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

在此处输入图像描述

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

在此处输入图像描述

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

在此处输入图像描述

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

我已经在 RW 上浏览了 Auto Layout 教程的两个部分。我仍然不知道如何纠正这个问题。如何使此布局在两种屏幕尺寸下都正确显示?

谢谢你。

4

1 回答 1

1

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

更好的选择是在两个屏幕上均匀地垂直排列元素,但这不能纯粹在界面构建器中完成。您需要在代码中计算垂直间距并将它们应用于updateViewConstraints

于 2013-02-20T23:53:43.090 回答