2012-05-22 30 views
2

我在看寫有一個UIWebView噴到他們的一些自定義UITableViewCells處理的圖像。我想有一些圖標會出現在uiWebview的html中,圖像存儲在設備本地。如何在一個UIWebView

我想知道,如果建立了不同的設備,當這些被然後像正常的圖像處理。即遵循命名約定@ 2x.png用於視網膜顯示?

劑量這個翻譯過來UIWebViews中或沒​​有?

+0

你絕對需要在單元格中的UIWebView? – nhahtdh

+0

是和不是,我的意思是儘管它看起來對我來說可能是額外的工作,但它會變成更少的工作,因爲我的服務器將爲我提供一堆信息..我可以請求它預格式化爲HTML和你的阿姨交談。然而,如果我只是給了一個數據,我不得不格式化我的自我,也nativly組織它進入tableviewcell ..然後,abit的工作..我現在沒有固定在任何特定的方式..我是更多的研究,所以我可以和這裏的人討論數據。我目前正在編寫我的自定義uiwebview單元格,並且他們看起來不錯.. –

+0

http://spritebandits.wordpress.com/2012/01/17/using-uiwebview-with-retina-displays/ – adali

回答

2

一個UIWebView有解釋和顯示無論HTML告訴它。總之,答案是否定的,webview將顯示精確鏈接的圖像到屏幕。我已經在我開發的應用程序中實現了UIWebViews,它只顯示內部HTML。我用這些做的只是提供2X圖像,並讓webview處理大小。

另一種方式去了解這將是內部識別(並有可能),如果你是一個視網膜顯示器上工作,並提供HTML是@ 2倍的圖像召喚出來。所以你基本上會提供myhtml.html和[email protected]並自己進行視網膜識別。

1

您需要使用CSS和媒體查詢來告訴web視圖來顯示你的@ 2倍的圖像。然後您還需要明確設置所需的尺寸。

因此,假設你有一個背景圖片,25px的正常和50像素@ 2倍,那麼你會爲視網膜顯示做這樣的事情:

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 
    .nav-bar-button-right button .button-icon { 
     background-image: url([email protected]); 
     background-size: 25px 25px; 
    } 
} 

調整此爲您的使用情況,但是這就是這個想法。我希望它有幫助。