【发布时间】：2012-04-04 07:45:29
【问题描述】：
如果用户有一个带有视网膜显示的 iOS，任何人都知道如何用它的视网膜版本替换原来的图标？
我已尝试使用 data-mask="[name]@2x.[ext]" 但没有运气。 希望有人有解决办法
【问题讨论】：
标签： iphone ios4 icons jqtouch retina-display
【发布时间】：2012-04-04 07:45:29
【问题描述】：
您必须在项目中包含两个文件：image.png 和 image@2x.png。但是没有必要在代码中写@2x-suffix。只是：
UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"image.png"]];
iOS 会自动检测，应该使用什么图像。
【讨论】：
-
问题是，我正在使用 jQTouch 和 Phonegap 进行编码 :-)
-
哦，对不起。好吧，试着这样做：flowz.com/2010/07/…
-
看起来它正在工作，但视网膜显示器上的图标似乎太大了，即使我只是将大小设置为原始图像的 x2。它应该只是在质量上扩大它，但这里不是这种情况。正如你在这里看到的：d.pr/P7an 有什么建议吗？
我正在使用以下方法：
- 假设我想显示一个 100x40 像素高度的图片
- 创建单个图像，200x80 像素
- 为图片指定 100 像素的 CSS 宽度和 40 像素的高度
在非视网膜显示器上，这会将原始图像拉伸到 50%。就我个人的口味而言，结果看起来还不错。
在视网膜显示器上，这实际上会导致图像像素和设备（真实）像素之间的一对一映射。
我不得不提一下，我没有使用 Phonegap 进行测试，而是在 MonoTouch 项目中使用它，并带有一个 Web 容器。
【讨论】：