ios - 如何使用自动调整大小修复 iPhone X 上的按钮调整大小

Question

首先为问题提前道歉，因为它不需要编码，只有在它是所需的解决方案时才需要。

我正在使用 swift 4 解决约束和自动调整大小问题。我在不使用约束的情况下自动调整大小时遇到​​了一个小问题，因为这会弄乱按钮的位置和大小。看看下面我的 UI 按钮是如何堆叠的。

iPhone 8 Plus、iPhone 8、iPhone SE 看起来都一样，按钮也完美对齐

iPhone X - 图像出现拉伸(stretch)

iphone 4S - 图像向内压缩

我所做的只是为每个按钮设置自动调整大小，如下所示

有没有办法让 iPhone X 保持相同的图像宽高比？

谢谢

Answer 1

如评论中所述，您应该使用约束来达到预期的结果。使用 aspect-ratio 和 proportional 约束，您应该能够相应地缩放按钮。

---

编辑

您可以通过多种方式使用自动版式实现这一点。下面我列举了我为实现它而执行的每个步骤。

1. 创建一个 View ，将其重命名为 contentView。这个 View 将包含三个按钮。将其水平居中并设置底部约束:

---

1. 为 contentView 相对于其父 View 创建高度和宽度约束，并将它们更改为比例:

---

1. 在 contentView 中创建一个 View ，将其重命名为 redView 并将其背景颜色更改为红色。将其固定到顶部、左侧 和右侧。最后添加contentView相关的proportional height约束(0.5):

---

1. 在 contentView 中创建一个 View ，将其重命名为 blueView 并将其背景颜色更改为蓝色。将其固定在底部和右侧。此外，在该 View 和红色 View (值 16)之间创建一个顶部空间约束:

会有一些 Storyboard错误，别担心，我们会尽快修复它们。

---

1. 在 contentView 中创建一个 View ，将其重命名为 greenView 并将其背景颜色更改为绿色。与 blueView 类似，将其固定到底部 和左侧。此外，在 greenView 和 blueView 之间添加一个trailing space constraint(值 32):

---

1. 最后，在 greenView 和 blueView 之间创建等高和等宽约束。

---

就是这样，现在您应该向每个 View 添加按钮和/或图像并执行额外的逻辑以获得您想要的最终结果(添加圆角等)。