0

PhoneGap2.2.0で構築されたiOSアプリをAndroidに移植する作業をしています。私の主な問題は、デバイスの画面サイズに応じてアプリを適切に拡大縮小することです。を使用しgetResources().getDisplayMetrics()て、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

私はオンラインでさまざまな解決策を調べましたが、期待どおりに機能するものはないようです。

前もって感謝します。

4

1 に答える 1

1

この問題を別の角度から見ることをお勧めします。アプリケーションを任意のデバイスの画面サイズに合わせるにはどうすればよいでしょうか? この時点で、あなたは Android と iOS をサポートしようとしていますが、後でタブレット、Windows Phone 8、BB デバイスなどもサポートしたいと思うかもしれません。そのため、画面のサイズに反応する Web アプリケーションの設計を採用します。 : つまり、アプリケーションは利用可能な次元に従って動的にスペースを割り当てます。レスポンシブ デザインについては、以下のリンク/フレームワークを確認してください。

このテクノロジーの背景にある理由については、Why 2013 is the Year of Responsive Web Design? を参照してください。

于 2013-01-23T08:32:53.130 に答える