处理比例平方的约束

Question

我在处理正方形约束时遇到了一些问题。我需要正方形（UIImageView）与每个 iPhone 尺寸成比例。我还需要用词来保持比例。我尝试了几种不同的方法，但方块似乎每次都会变大或变小，而且到处都是。有什么想法吗？

Answer 1

假设您想在每条对角线上保留 8 个圆圈，并希望它们锚定在屏幕的角落：

• 选择所有圆圈并选择编辑器 > 引脚 > 宽度相等。然后平等地做高度。
• 选择其中一个圆圈并按住 Control 键将其拖动到自身，然后创建纵横比约束。确保其乘数为 1:1。
• 对于对角线上的所有圆，创建水平间距约束，从一个到下一个常数为 0。另一个对角线也一样。然后，垂直间距也是如此。
• 对于顶部对角线的左上角圆圈，将其固定到容器的顶部和前缘。
• 对于顶部对角线的右下角圆圈，将其后缘固定到容器的后缘。
• 对于底部对角线的右下角圆圈，将其固定到容器的底部和后缘。
• 对于底部对角线的左上角圆圈，将其前缘固定到容器的前缘。

这应该让圆圈对齐并根据设备的宽度调整大小。

• 对于“颜色”标签，将其顶部和底部固定在右侧的蓝色圆圈上。将其后缘固定到蓝色圆圈的前缘，并留出一定间距。
• 对于“Catch”标签，将其顶部和底部固定在左侧的绿色圆圈中。将其前缘固定到绿色圆圈的后缘，并留出一定间距。
• 您可能还想为圆形远端的标签边缘与容器的相应边缘创建约束，具有间距和大于或等于关系，以确保它们不会延伸到边缘。