2012-05-16 34 views
3

我正在使用PhoneGap開發Android應用程序,但我很快就發現了一個問題。每當我插入圖像(背景或圖像標籤)時,它都會顯示比它應該更大的圖像。圖像渲染的比例應該不同 - Android中的Phonegap

我最初以爲這是我的模擬器的問題,提出我的應用程序在不同的比例,但它不是!我拍了一張截圖,我的視口寬度爲540,就像我在AVD中定義的那樣。

正如你可以在下面的截圖中看到,在我的HTML我沒有設定一個形象標籤,迫使寬度69和高度70(我的源圖像的實際尺寸)。 但它總是呈現更大!

標籤「原源圖像」點,我從它拖了真實圖像的目錄的截圖,只是爲了證明他們是非常不同的。

Screenshot of the problem

回答

2

在Android項目中有你把繪項目(圖像)不同的文件夾。這些被稱爲xdpi hdpi mdpi ldpi。我不知道PhoneGap是如何工作的,但你應該能夠告訴手機放在哪個文件夾放置圖像。這裏是誰在meta標記指定的設備dpi的人,也許你可以試試這個:http://wiki.phonegap.com/w/page/32771298/Android%20High%20Pixel%20Density%20App

元標記

<meta name="viewport" content="width=device-width; target-densityDpi=device-dpi; initial-scale=1; maximum-scale=1; minimum-scale=1; user-scalable=0" /> 
+0

我會看到該鏈接,但我不認爲它有這個問題的任何東西,因爲Phonegap只是裏面帶有HTML渲染器的APK。 –

+0

正如我所說...它工作!只需使用元標記。 –