约束不在不同的设备上排队

Question

我最近意识到我的约束并没有跨设备排队。我开始用谷歌来解决这个问题，我只能让一些设备正确对齐，但其他设备则不能。有人可以向我解释如何以正确的方式进行约束吗？

设备图片：

Answer 1

我会为这种情况建议StackView。

1. 设置所有组件的高度（电子邮件字段，密码字段，登录按钮，重置按钮，创建帐户按钮）。您不应设置默认宽度，因为您希望根据屏幕进行调整

2. 将电子邮件字段，密码字段和登录按钮放在StackView中。记住，您有两个垂直对齐的按钮，因此将它们调整到合理的宽度。添加元素之间的任何距离。然后设置右上，左右约束。

3. 在stackView中放置重置帐户按钮和创建帐户按钮。在元素之间添加所需的距离。然后设置左，右和右约束。

4. 现在选择第一个stackView。按下控制按钮并将蓝线拖到第二个堆栈。在它们之间添加垂直约束。