尝试在 iPad 或更小的屏幕上显示时出现 AutoLayout 问题

Question

我正在尝试用这个 UI 创建一个应用程序。

我面临很多问题，因为它像一个菱形。

我尝试使用垂直 stackView，这些是我的预览和约束。

我尝试使用宽高比（1:1.13，因为它们不是正方形）在所有屏幕上调整大小，但在 iPad 上它要大得多。 有没有办法让它在 iPads 上变小？ 我是自动布局的新手，所以如果这个问题不正确，我很抱歉。

Answer 1

你可能想多了。代替堆栈视图，创建一个 "spacer" 视图并使用约束将其居中并为所有屏幕尺寸提供正确的高度和宽度。测试它。现在添加四个正方形，给它们正确的高度和宽度，并根据 "spacer" 视图定位它们。测试一下。最后，隐藏 "spacer" 视图。