Windows phone 7 Phonegap和windows phone本机帧转换

Windows phone 7 Phonegap和windows phone本机帧转换,windows-phone-7,cordova,Windows Phone 7,Cordova,我试图找到一些文档来学习如何为windows phone制作phonegap应用程序,使用HTML页面的本机框架转换,但我找不到这样的插件、代码或任何有用的文档 我想做的就是: 当我尝试使用javascript代码导航到HTML代码中的其他页面时: window.location.href = "newpage.html"; 我希望我的应用程序导航到不同的页面,就像本机应用程序正在执行过渡效果一样,例如,当应用程序启动时,我们可以看到此页面/帧过渡效果 如何为HTML页面实现这种转换效果?您应

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

我想做的就是:

当我尝试使用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移动页面,Phonegap将它们包装到应用程序中。

您是否尝试过WP7 Phonegap项目,它是否有效?因为我试过了,但没有working@JigsweelJigsweel,没有,但在WP7中应该可以正常工作。我所说的一切都不是特定于任何特定的手机供应商的,因此它应该与Phonegap和jQuery Mobile支持的任何产品配合使用。我建议,如果它对您不起作用,那么您如何创建jQuery移动页面就存在一个问题。jquerymobile只是HTML,所以首先让它在桌面浏览器中工作。然后将HTML文件添加到Phonegap项目中。如果您仍然有问题,请向SO发布更多问题。由于不使用WP7,我还尝试打开外部链接:页面没有过渡效果,设计非常难看。@jigsweljigswel,默认样式可以更改。我经常在没有他们的风格的情况下使用它,并添加我自己的自定义皮肤。重点在于他们的框架/行为,而不是外观和感觉。我想说,如果转换不起作用,那么WP7对CSS3转换就没有很好的支持。我想您可以搜索一下,看看是否可以在jQuery Mobile中更改默认转换以使用不同的实现。我希望性能不会很好-CSS3转换的优点是它们是GPU加速的,这对移动设备很重要。