2013-01-23 38 views
0

我正在將使用PhoneGap 2.2.0構建的iOS應用移植到Android。我的主要問題是根據設備的屏幕大小適當縮放應用程序。使用getResources().getDisplayMetrics(),我得到了我的Android設備此信息:將iPhone PhoneGap應用移植到Android - 縮放問題

DisplayMetrics{ 
    density=1.5, 
    width=540, 
    height=960, 
    scaledDensity=1.2750001, 
    xdpi=368.06036, 
    ydpi=365.22525 
} 

這是我視:

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, target-densitydpi=143" />

正如你看到的,我硬編碼target-densitydpi去合理地擴展到應用程序適合我的Android設備的屏幕。由於我希望我的應用程序支持多個屏幕,是否有辦法使用DisplayMetrics給出的信息適當調整viewport

我在網上查找了不同的解決方案,但沒有一個看起來像預期的那樣工作。

在此先感謝。

回答

1

我會建議從不同的角度來看問題:我怎樣才能使我的應用程序擴展到任何設備的屏幕尺寸?此時,您嘗試支持Android和iOS,但稍後您可能還需要支持平板電腦,Windows Phone 8,BB設備等。因此,我會使用響應屏幕尺寸的Web應用程序設計:應用程序根據可用維度動態分配空間。看看下面的鏈接/框架響應式設計:

您還可以閱讀更多關於該技術背後的原因:Why 2013 is the Year of Responsive Web Design?