如何修复Xcode中的约束布局问题？

Question

我使用以下约束为我的应用构建一个屏幕。然而，图标按钮会以不同的屏幕尺寸搞乱（下面的屏幕截图）。有没有办法纠正这个问题？

Answer 1

1-给所有4个盒子提供相等的高度和相等的宽度。

2 - 对于第一个 - ＆gt;领先，顶部，    - 第二个（旅行和地点） - ＆gt;水平间距为第一个，前导和顶部    - 对于第三个（活动） - ＆gt;垂直间距与第一个，水平到公用事业和领先    - 对于第四个 - ＆gt;尾随，垂直间距为第二个，水平间距为活动

Answer 2

我要做的是：

• 将比例尺寸（宽度和高度）设置为第一个按钮，可能是容器的40％。
• 然后对于其他3个按钮，您可以将它们设置为与第一个相同的大小。
• 在它们之间添加一些空格。
• 就是这样。

Answer 3

1 - 将两个视图作为两行

2 - 让第一个视图（行），添加两个子视图，给出第一个宽度等于superview宽度和乘数0.5，让第二个视图对齐通向第一个视图尾部，宽度等于第一个视图

3 - 根据需要在每个视图中添加按钮作为子视图，具有顶部，右侧，底部和左侧间距。在第二个视图中对第二个按钮重复相同的操作。

4 - 对第2行视图重复上述步骤

希望这会有所帮助

Answer 4

当您考虑所有视图应该如何相互关联时，这些实际上非常简单。我做了一个demo storyboard来告诉你我是如何连线的。关键的事情：

• 每个方框的宽高比为1：1。
• 连续的行具有相同的宽度
• 每个框都被约束在视图边缘或彼此
的两侧
• 图标的高度设置为框高度的百分比
• 标签固定在方框的顶部，右侧和左侧

显然，您需要根据需要调整样式，但这样可以获得您想要的效果。