视网膜图标与jQTouch

Question

如果用户有带视网膜显示屏的iOS，任何人都知道如何用视网膜版本替换orignial图标？

我尝试过使用data-mask =“[name] @ 2x。[ext]”，但没有运气。 希望有人有解决方案

Answer 1

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

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

iOS会自动检测应该使用的图像。

Answer 2

我正在使用以下方法：

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

在非视网膜显示器上，这会将原始图像拉伸至50％。根据我个人的喜好，结果看起来不错。

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

我必须提到我没有用Phonegap测试它，而是在带有Web容器的MonoTouch项目中使用它。