ios - 为什么我的 UIImageView 放在故事板上时会模糊？

Question

我有一个 20x36px (10x18pt) 的箭头图像，当我选择 UIImageView 时，将其拖到我的视图控制器上然后设置图像，它总是模糊的。我只在我的项目中包含了@2x，因为它只有一个 iOS 7，但我就是不明白为什么它如此模糊。

图片：

除非您放大，否则可能很难分辨，但会出现一些难看的混叠。

Answer 1

如果您在模拟器中运行应用程序，则可以使用“调试”菜单中的“颜色未对齐图像”。黄色的图像被拉伸，洋红色的图像存在亚像素对齐问题。

在这种情况下，UIImageView 的尺寸看起来与您的图像尺寸不匹配，导致 UIImageView 拉伸图像。您可以执行以下两项操作之一来确保不会发生拉伸：

1. 确保您的 UIImageView 的尺寸与您的 UIImage 匹配。如果您使用自动布局，请确保您只有一个水平位置约束和一个垂直位置约束，并且您的 UIImageView 的大小应该与其固有内容大小（即图像大小）一致。如果您在任一维度上有大小约束或多个位置约束，这些约束将强制 UIImageView 为特定大小，这可能与图像的大小不同。

2. 将 UIImageView 的内容模式设置为不会拉伸图像的内容模式，例如 Center ( UIViewContentModeCenter)。

Answer 2

I've put the two arrows side by side and added auxiliary lines. The left arrow is vertically stretched by two pixels:

The width is the same.