2012-04-04 20 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項目中使用它。

相關問題