phonegap和windows手機原生幀轉換

我想找到一些文檔來學習如何使windows phone手機的phonegap應用程序，使用HTML頁面的本機幀轉換，但我找不到這樣的插件或代碼或任何有用的文檔。phonegap和windows手機原生幀轉換

正是我想要做的是：

，當我嘗試使用JavaScript代碼來切換不同頁面的HTML代碼：

window.location.href = "newpage.html";

我想我的應用程序導航到像原生應用程序的不同頁面正在做轉換效果，例如，當應用程序啓動時，我們可以看到這個頁面/框架轉換效果。

如何做到HTML頁面的過渡效果？

來源

2013-02-06 Jigberto

您應該看看如何使用jQuery Mobile爲Phonegap應用程序構建HTML頁面。

http://jquerymobile.com

，因爲它有它的有用的內置路由器，當您嘗試切換到另一個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將它們包裝在一個應用程序中。

來源

2013-02-07 02:42:50 asgeo1

你在WP7 phonegap項目中試過，它工作嗎？因爲我試過並且不工作 – Jigberto

@JigsweelJigsweel，不，我沒有，但它應該在WP7中正常工作。我所說的沒有什麼特別針對任何特定的手機廠商，所以它應該可以與Phonegap和jQuery Mobile支持的任何產品一起使用。我會建議，如果它不適合你，那麼你如何創建你的jQuery Mobile頁面有一個問題。 jQuery手機只是HTML - 所以先讓它在桌面瀏覽器中運行。然後將HTML文件添加到您的Phonegap項目中。如果您仍然遇到問題，請向SO發佈更多問題。 – asgeo1

在WP7中不工作，我試過也只是打開外部鏈接：http://coenraets.org/apps/directory/jqm/index.html頁面沒有過渡效果，設計非常難看。 – Jigberto

phonegap和windows手機原生幀轉換

回答

相關問題