我正在尝试找一些文档来学习如何为Windows手机制作phonegap应用程序,使用HTML页面的原生帧转换,但我找不到这样的插件或代码或任何有用的文档。
我到底想要做的是:
当我尝试使用javascript代码导航到HTML代码中的其他页面时:
window.location.href = "newpage.html";
我希望我的应用导航到不同的页面,就像本机应用正在进行过渡效果一样,例如当应用开始时我们可以看到此页面/帧过渡效果。
如何对HTML页面进行转换效果?
答案 0 :(得分:0)
您应该考虑使用jQuery Mobile为Phonegap应用构建HTML页面。
它很有用,因为它有一个内置路由器,可以检测您何时尝试更改为另一个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将它们包装在应用程序中。