基于屏幕尺寸的UI元素间距

Question

我的应用程序的初始屏幕提示用户输入他们的日程安排，我已经实施了约束，但是在iPhone SE这样的小屏幕尺寸上，文本字段和开关距离太远，因此大小上面的标签减少，整个行（文本字段+开关）被切断。在iPhone 8 plus等屏幕尺寸较大的设备上，底部有空间。如何根据设备的屏幕大小更改行的间距，以确保所有UI元素都正确显示？基本上，我希望每个手机的大小都能显示类似于iPhone 8的东西，它们在显示屏的底部只有很小的空间。

Iphone 8 plus

iPhone 8

iPhone SE **

Answer 1

您可以通过多种方式实现这一目标。我想到的第一个想法是...... 将Period标签，文本字段和开关嵌入或嵌入到UIView中。

为所有8个时段执行此操作。然后将这8个UIViews插入到UIStackView中 - 垂直且间距相等。现在使用标准前导和尾随空格向UIStackview添加约束，从顶部添加标准边距，从底部添加定义的边距。这将为您提供所有屏幕尺寸的相似外观。