iphone - 带有 jQ​​Touch 的 Retina 图标

Question

如果用户有一个带有视网膜显示的iOS，任何人都知道我如何用它的视网膜版本替换原来的图标？

我试过 data-mask="[name]@2x.[ext]" 但没有运气。希望有人有解决方案

Answer 1

您必须在项目中包含两个文件：image.png和image@2x.png. 但是没有必要@2x在代码中写-suffix。只是：

UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"image.png"]];

iOS 会自动检测，应该使用什么图像。

Answer 2

我正在使用以下方法：

1. 假设我想显示一个 100x40 像素高度的图像
2. 创建单个图像，200x80 像素
3. 为图像指定 100 像素的 CSS 宽度和 40 像素的高度

在非视网膜显示器上，这会将原始图像拉伸到 50%。就我个人的口味而言，结果看起来还不错。

在视网膜显示器上，这实际上会导致图像像素和设备（真实）像素之间的一对一映射。

不得不提一下，我没有使用 Phonegap 进行测试，而是在 MonoTouch 项目中使用了它，并带有一个 Web 容器。