如何正确调整和对齐图像?

时间:2015-12-20 14:21:21

标签: ios autolayout

我有一张桌子,上面有一些右侧有图像的单元格。为了使它能够在所有设备上运行,我使用了约束来对抗" tie"将图像放在右侧,并将图像垂直放在单元格中,如下所示:

Set contrstraints

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

Screwed up images

当我尝试通过降低图像来修复它时分辨率为75x75,最终变得模糊,如下所示:

Blurry images

现在我不知道该怎么做。如果我不使用这些约束,那么这些图像很好(也不大也不模糊),但它们并没有很好地定位在细胞中。

2 个答案:

答案 0 :(得分:1)

您没有采取任何措施限制图像的大小。我建议:

  1. 添加一个附加约束,它是从imageView顶部到其超级视图顶部的垂直偏移(单元格内容视图)。将constant设置为10。结合它被限制在垂直中心将限制其高度。
  2. 添加宽高比约束以使宽度和高度相等。为此,在imageView中 Control -drag,然后从弹出窗口中选择 Aspect Ratio 。确保此新约束的multiplier设置为1:1。这会将宽度限制为与步骤1中建立的高度相同。

  3. 对于imageView,在属性检查器中,将其内容模式设置为 Aspect Fill Scale to Fill

  4. 如果你让你的细胞更高,这将允许图像增长。您可以添加约束以使宽度和高度均为75,而不是使用垂直偏移和纵横比约束。您仍然需要设置 Scale to Fill 模式。

答案 1 :(得分:0)

将约束fixed hieght & width赋予图像,以便根据图像大小不会调整大小。