子视图布局不正确

Question

我遇到了一个问题，即我的视图在各种设备尺寸上的布局不正确。在 3.5" 和 4" 设备上，无法看到底部按钮，而在 4.7" 和 5.5" 设备上，它们不在底部。我知道我的自动布局约束有问题。有什么建议吗？

Answer 1

对于某些手机，您的内容更高，因此按钮视图会超出屏幕。对于这种情况，您可以（在许多选项中）

1. 将所有内容放在滚动视图中。或者

2. 将您的内容分成三个视图 A、B、C。将您的徽标放在 A 视图中，文本字段和 B 中的登录按钮，并在 C 中创建帐户并忘记通过按钮。将 A 视图固定到顶部 B 中心和 C 底部。 注意：在小屏幕上，您的视图可能会相互折叠。您可能需要进一步减小间距。或者

3. 根据设备高度更新 A B 和 C 之间的 VERTICAL 约束，以适应所有这些约束。

4. 使用 UIStackView，here 是关于 UIStackView 的更多信息

提示：您可以使用 Xcode 的预览功能，在不运行应用程序的情况下检查您的布局是否符合要求。打开编辑器顶部栏中的“助理编辑器”，点击“自动”或两个相交的圆圈并选择预览。您可以在此处切换屏幕尺寸并查看您的布局如何响应。