2012-04-04 69 views
0

任何人都知道如果用户拥有带视网膜屏幕的iOS,我可以用它的视网膜版本来代替它的平凡图标吗?带jQTouch的视网膜图标

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

回答

0

你必须在你的项目中包括两个文件:image.png[email protected]。但不需要在代码中编写@2x-后缀。只是:

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

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

+0

问题是,我用jQTouch和Phonegap编码:-) – 2012-04-04 07:52:23

+0

哦,对不起。那么,尝试做这样的smth:http://flowz.com/2010/07/css-image-replacement-for-iphone-4-high-dpi-retina-display/ – demon9733 2012-04-04 07:57:21

+0

看起来像它的工作,但图标在视网膜显示器上看起来很大,即使我只是将大小设置为原始图像的x2。 它应该只是在质量上进行扩展,但这不是这种情况。 正如你可以看到这里:http://d.pr/P7an 任何建议? – 2012-04-04 08:22:18

0

我使用以下方法:

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

在非视网膜显示器上,这会将原始图像拉伸到50%。对于我个人的品味,结果看起来不止。

在视网膜显示屏上,实际上会导致图像像素与设备(实像)像素之间的1对1映射。

我不得不提及,我没有用Phonegap测试这个,但是在一个带有Web容器的MonoTouch项目中使用它。