支持Retina和Non Retina显示屏的图形

Question

我想知道如何在视网膜和非视网膜显示屏上正确支持图形？我有维度640 * 920的背景图像，我认为它适用于视网膜显示。但我如何支持尺寸为320 * 480的非视网膜显示器呢？你如何构建你的图形资源？我有一个名为“Art”的小组，其中包含所有图形（现在全部用于视网膜显示尺寸）。 ios会自动缩小我的图形到非视网膜显示吗？我还有一个查询，比如我将一个按钮拖动到视网膜显示的某个绝对位置的视图上，它会自动调整到尺寸为320 * 480的设备上的适当位置吗？我可以获得一些关于如何处理支持屏幕尺寸/分辨率的好的在线提示吗？我还没有找到谷歌的正确信息。

注意：我正在使用Xcode 4.3.3并使用故事板。

格拉西亚斯。

Answer 1

您必须为每个图像制作两个版本。例如，如果您有一个544x151的视网膜图像，比如它的名为'background@2x.png'，请为非视网膜显示制作一个272x75版本，这将是'background.png'

使用后缀“@ 2x.png”命名所有视网膜图像。操作系统将自动在视网膜设备上显示@ 2x图像。总结如下：

272x75将是“background.png” 544x151将是“background@2x.png”

这也是使图标与视网膜设备兼容的正确方法。只需制作一个114x114（iphone）或144x144（ipad），并将其命名为“icon@2x.png”。

Answer 2

您需要使用“@ 2x.png”后缀命名您的视网膜图像。

因此，如果你有一张图片“pic.png”，这应该是非视网膜，“pic@2x.png”应该是视网膜尺度。将它放在storyboard / xib / UIImage中时，你应该选择“pic.png”图像，而不是@ 2x图像。

如果需要，基于故事板的图像将自动选择视网膜图像。