如何使用PhoneGap / Cordova为Windows Phone 7创建简单的全景应用程序？
我环顾四周，发现了几个基于PhoneGap / Cordova的HTML5应用程序的Windows Phone 7应用程序示例，但它们似乎都没有向您展示如何制作全景图或透视风格的应用程序，这些都是操作系统的UI。 我正在寻找一个像这样工作的应用程序：
全景：
枢：
我想使用纯HTML5，CSS3和JS构建这些应用程序，并使用PhoneGap Build来部署它们。 我不想使用Visual Studio。 VS为全景或枢轴布局提供了两个单独的控件，但在HTML5中，应该只有一个滑块控件可以用于两者，通过调整允许多屏幕列，如第一个“第二个项目”页面例。
我也寻找了一些我可以调整的IE9兼容的jQuery滑块插件，但是其中90％不起作用，其余的有点太不同了，无法尝试和适应。 例如，这个jQuery页面幻灯片（侧面）过渡在每个浏览器中都能正常工作，但在WP7浏览器中降级为基本的向上滑动类型效果。
我的目标是多个操作系统，但我不想在所有操作系统中复制相同的界面。 数据源很常见，但我希望它们看起来像每个操作系统上本机设计的应用程序。
更新1：
找到一个滚动/滑块插件 ，实际上响应WP7上IE Mobile上的触摸事件，但它不会捕捉到每个面板的边缘，这是全景/枢轴控件的一个重要方面。
还检查了XUI ，它有一个名为Swipe的插件来检测滑动/点击事件，但即使使用“xui-ie-2.3.2.min.js”，该示例在IE Mobile中也没有任何作用。
更新2：
我最接近找到这样的东西是有前途的jqMetro附加组件。 它为您提供全面的Metro风格，包括全景，枢轴和原生外观控件，但最具讽刺意味的是滑动function在IE Mobile上不起作用，这意味着它无法在PhoneGap的应用程序中运行。 点击枢轴标题可以正常工作并切换到该视图。
更新3：
完全放弃混合应用程序开发！ 🙂
这么晚才回复很抱歉。 我也遇到了这个问题，这是我的解决方案： https ： //github.com/grohman/js-panorama
它适用于wp8上的IE10，也适用于wp7
默认情况下，您无法在PhoneGap内部执行Panorama。 您可能能够找到一些有效的x-compat js-lib，但我真的没有看到一个看起来和Windows Phone Panorama一样好的。
但是你可以在Panorama中拥有多个PhoneGap页面。 让我来告诉你怎么做。 请注意，此解决方案不兼容x-plat。
拉下最近的手机空间并按照此链接进行设置 – [ http://docs.phonegap.com/en/2.2.0/guide_getting-started_windows-phone_index.md.html#Getting%20Started%20with%20Windows%20Phone ]。
创建一个新项目，将其命名为“pgpanoramaplay”或类似名称。
将“\ www \ index.html”复制到“\ www”目录中的至少两个其他文件。 我将我的名字命名为“30tolaunch.html”，“dfwiki.html”和“devfish.html”。
标记内容只是为了显示一些基本的东西。 对于我的“\ www \ 30tolaunch.html”，修改后的html正文如下。
30tolaunch
现在[右键]项目，并添加一个Panorama项目。 采用PanoramaPage1.xaml的默认名称
更改wmmanifest1.xaml以使用PanoramaPage1.xaml作为启动对象
打开PanoramaPage1.xaml。 修改页面顶部以引入对手机间隙的引用，如下所示
修改PanoramaControl，如下所示。 注意我已经manaually创建了所有.html pagex，除了item.html已经存在。
Debug，Go，您应该看到页面显示类似于本文顶部的图片。
如果您想将PhoneGap页面设置为与Panorama背景相匹配，请调整高度，删除背景图像，无论如何，default.css是您的朋友。 标记并享受！
解决方案是放弃Web技术的用户来构建原生式应用程序，而不是完全原生的。 混合应用程序框架是邪恶的。