HTMLページのネイティブフレーム遷移を使用して、Windows Phone用のphonegapアプリを作成する方法を学ぶためにいくつかのドキュメントを見つけようとしていますが、そのようなプラグインやコード、または役立つドキュメントが見つかりません.
正確にやりたいことは次のとおりです。
JavaScriptコードを使用してHTMLコードで他のページに移動しようとすると:
window.location.href = "newpage.html";
ネイティブアプリがトランジション効果を行っているように、アプリを別のページにナビゲートしたい.
HTMLページのトランジション効果をどのように行うのですか?
jQuery Mobile を使用して、Phonegap アプリ用の HTML ページを作成することを検討する必要があります。
別の HTML ページに変更しようとすると、それを検出できるルーターが組み込まれているので便利です。(プログラムによって、またはユーザーがリンクをクリックすることによって)
次に、そのイベントをハイジャックして、次のページを非同期的にロードすることができます (Phonegap アプリの場合、デバイスにページが既に存在するため、これはかなり高速です)。次に、新しいページを表示するときに、あなたが話しているトランジション (スライド、フェードなど) を適用します。
非常にカスタマイズ可能で、ほとんどの動作は単純な HTML マークアップを作成してデータ属性を追加するだけで設定できます。例えば
<a href="next-page.html" data-role="button" data-transition="flow">next page</a>
また、「シングル ページ アプリ」ルートをたどりたい場合は、それもできるので、気に入っています。個人的には、Phonegap + jQuery Mobile + Backbone.js の組み合わせが好きです。ここでは、Backbone.js が HTML jQuery Mobile ページを動的に生成し、Phonegap がそれらをアプリにラップしています。