支持Retina和non-Retina显示屏的显卡

Question

我想知道我应该如何在视网膜和非视网膜显示器上正确地支持图形。我有一张尺寸为640 * 920的背景图像，我想它是用来显示视网膜的。但是我该如何支持尺寸为320*480的非Retina显示器呢？您如何组织您的图形资源？我有一个叫“艺术”的组，有所有的图形(现在所有的都是视网膜显示尺寸)。

iOS是否会自动将我的图形缩小到非视网膜显示？我还有一个问题，就像我正在将一个按钮拖到Retina显示的某个绝对位置上，它会自动调整到尺寸为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”应该是视网膜的比例。在将"pic.png“图像放入情节提要/xib/UIImage时，您应该选择它，而不是@2x图像。

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