Phonegap和windows phone原生帧过渡

时间:2013-02-06 15:32:18

标签: windows-phone-7 cordova

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

我到底想要做的是:

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

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

我希望我的应用导航到不同的页面,就像本机应用正在进行过渡效果一样,例如当应用开始时我们可以看到此页面/帧过渡效果。

如何对HTML页面进行转换效果?

1 个答案:

答案 0 :(得分:0)

您应该考虑使用jQuery Mobile为Phonegap应用构建HTML页面。

http://jquerymobile.com

它很有用,因为它有一个内置路由器,可以检测您何时尝试更改为另一个HTML页面。 (以编程方式或通过用户点击链接)

然后它可以劫持该事件并使其异步加载下一页(在Phonegap应用程序的情况下,由于设备上已存在页面,因此非常快)。然后它会在显示新页面时显示您所说的过渡(幻灯片,淡入淡出等)。

它非常可定制,大多数行为都是通过创建简单的HTML标记和添加数据属性来配置的。 E.g。

<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将它们包装在应用程序中。