0

我正在尝试查找一些文档来学习如何为 Windows 手机制作 phonegap 应用程序,使用 HTML 页面的本机框架转换,但我找不到这样的插件或代码或任何有用的文档。

我到底想做的是:

当我尝试使用 javascript 代码导航到 HTML 代码中的其他页面时:

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

我希望我的应用程序导航到不同的页面,就像原生应用程序正在做过渡效果一样,例如,当应用程序启动时,我们可以看到这个页面/框架过渡效果。

如何为 HTML 页面做那种过渡效果?

4

1 回答 1

0

您应该考虑使用 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-07T02:42:50.057 回答