ios - 如何正确调整大小和对齐图像？

Question

我有一个表格，其中一些单元格的右侧有一个图像。为了使其适用于所有设备，我使用约束将图像“绑定(bind)”到右侧，并将其垂直居中放置在单元格中，如下所示:

图像是 512x512 像素，它应该适合的空间是 75x75(整个单元格设置为 95 高)。当我构建项目时，图像非常大，像这样:

当我试图通过将图像的分辨率降低到 75x75 来修复它时，它们最终变得模糊，如下所示:

现在我不知道该怎么办。如果我不使用约束，图像很好(既不大也不模糊)，但它们在单元格中的位置不正确。

Answer 1

您没有做任何事情来限制图像的大小。我建议:

1. 添加一个附加约束，它是从 imageView 顶部到其父 View (单元格内容 View )顶部的垂直偏移。将 常量 设置为 10。结合它被限制在垂直中心将限制它的高度。

2. 添加一个宽高比约束以使宽度和高度相等。为此，在 imageView 中按住 Control 并拖动，然后从弹出窗口中选择 Aspect Ratio。确保此新约束的 multiplier 设置为 1:1。这会将宽度限制为与在步骤 1 中建立的高度相同。

3. 对于 imageView，在Attributes Inspector 中，将其内容模式设置为Aspect Fill 或Scale to Fill。 p>

---

如果您使单元格更高，这将使图像变大。您可以添加约束以使宽度和高度都为 75，而不是使用垂直偏移和纵横比约束。不过，您仍然需要设置Scale to Fill 模式。