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