1

jquerymobileを使用してPhoneGapアプリケーションを開発しています。3つの異なるプラットフォームのネイティブなルックアンドフィールが必要です。Windows Phone 8、iPhone、Android。続行する方法は何ですか。3つのプラットフォームすべてに対して3つの異なるHTMLページのセットを作成する必要があります[ナビゲーションモデルが異なるため、電話ごとにヘッダーとフッターが異なります]。単一のHTMLページを作成し、携帯電話に基づいてテーマを変更する方法はありますか?jquerymobileはテーマのカスタマイズに適していますか。同じアプローチを提案していただければ幸いです...同じものに事前定義されたテーマがありますか。

4

1 に答える 1

0

はい、単純なjavascriptコードを介してhtmlの読み込み中に異なるcssを切り替えることができます。

その他の推奨事項

1.プラットフォーム間で構成可能なオプションを設定する良い方法は、それらをapp.jsonに保存し、アプリの起動時にXmlHttpRequestを介してロードして適用することです(iOS、Android、WPで異なるapp.jsonを使用します)。単純なapp.jsonは次のようになります

{
  "name": "MyApp",
  "js": ["platformspecific.js", "platformspecific.2js"],
  "css": ["platformspecific.css", "platformspecific2.css"],
  "settings": {
     "isOption1Enabled": true,
     "isOption2Enabled": false
  } 
} 

2.KnockoutJSを使用したmvvmアプローチを見てみましょう jquery-mobileとknockoutjsを使用してWebアプリをアーキテクチャ化する方法

http://www.scottlogic.co.uk/blog/colin/2012/10/integrating-knockout-and-jquerymobile/

3. Windows Phoneについては、https://channel9.msdn.com/Blogs/Interoperability/Demo-jQuery-Mobile-theme-for-Windows-Phone-8をご覧ください。

4.別のアプローチとしてSenchaTouchを見てください。さまざまなプラットフォームのカスタマイズに関しては、はるかに強力です

于 2013-03-27T17:50:35.443 に答える