如何使用PhoneGap/Cordova为Windows Phone 7创建简单的全景应用程序？
aal*_*aap 9 jquery html5 windows-phone-7 cordova
我环顾四周,发现了几个基于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风格,包括全景,枢轴和本机控件,但最具讽刺意味的是滑动功能在IE Mobile上不起作用,这意味着它无法在PhoneGap的应用程序中运行.点击枢轴标题可以正常工作并切换到该视图.
更新3:
完全放弃混合应用程序开发!:-)