如何使用PhoneGap / Cordova为Windows Phone 7创建简单的全景应用程序？ [英] How do I create a simple panorama application for Windows Phone 7 using PhoneGap/Cordova?
问题描述
我已经看过几个例子，为Windows Phone 7找到了基于PhoneGap / Cordova的HTML5应用程序，但是它们都没有显示如何制作全景图或透视风格的应用程序，这是一些主要的绘制OS的UI。我正在寻找一个像这样的应用程序：
Panorama：
Pivot：
我想使用纯HTML5，CSS3和JS来构建这些应用程序，并使用PhoneGap Build来部署它们。我不想使用Visual Studio。 VS为全景或枢轴布局提供了两个单独的控件，但在HTML5中，应该只有一个滑块控件可以用于两者，通过调整允许多屏幕列像第二个项目的页面在第一示例。
我也寻找了一些IE9兼容的jQuery滑块插件，我可以调整，但其中90％不工作，其余的有点太不同尝试和适应。例如，此 jQuery页面幻灯片（横向） / a>在每个浏览器中正常工作，但在WP7浏览器中会降级为基本的向上滑动效果。
我的目标是多个操作系统，但我不想跨所有复制同一个接口。
更新1：
这些数据源将是常见的，但我希望它们在每个操作系统上看起来像是本机设计的应用程序。找到滚动/滑块插件在WP7上响应IE Mobile上的触摸事件，但它不会捕捉到每个面板的边缘，这是全景/枢轴控件的一个重要方面。
此外，还检出了 XUI ，其中有一个名为Swipe的插件可用于检测滑动/点按事件，但即使使用xui-ie- 2.3.2.min.js，示例在IE Mobile中绝对没有任何内容。
更新2： b
最近我找到这样的东西是有希望的 jqMetro add -上。它提供了一个完整的Metro风格，包括全景，枢轴和本地控制，但最讽刺的是，刷卡功能不能在IE Mobile上工作，这意味着它不会在PhoneGap的应用程序中工作。点击枢轴标题即可切换到该视图。
更新3：
完全混合应用程序开发！ ： - ）
解决方案是放弃web技术的用户来构建原生应用，混合应用程序框架是邪恶的。
I've looked around and found several examples of PhoneGap/Cordova-based HTML5 applications for Windows Phone 7, but none of them seem to show you how to make a panorama or a pivot style app, which are some of the main draws of the UI of the OS. I'm looking to build an app that works like these:
Panorama:
Pivot:
I want to build these apps using plain HTML5, CSS3 and JS and use PhoneGap Build to deploy them. I do not wish to use Visual Studio. VS offers two separate controls for panorama or pivot layouts, but in HTML5, there should be just one slider control which can be used for both, with a tweak to allow for a multi-screen column like the 'second item' page in the first example.
I also looked for some IE9-compatible jQuery slider plugins that I could tweak, but 90% of them don't work and the rest are a little too different to try and adapt. For example, this jQuery page slide (sideways) transition works fine in every browser, but degrades to a basic slide up-type effect in the WP7 browser.
I am targeting multiple OSes, but I don't want to replicate the same interface across all. The data source will be common, but I want them to look like natively designed applications on each OS.
Update 1:
Found a scroller/slider plugin that actually responds to touch events on IE Mobile on WP7, but it doesn't snap to the edge of each panel, which is an important aspect of the pano/pivot controls.
Also checked out XUI, which has a plugin called Swipe to detect swipe/tap events, but even with "xui-ie-2.3.2.min.js", the sample does absolutely nothing in IE Mobile.
Update 2:
The closest I've come to finding something like this is the promising jqMetro add-on. It gives you a full-on Metro style including panorama, pivot and native-looking controls, but the most ironic part is that the swipe features don't work on IE Mobile, which means it won't work in the PhoneGap'd application. Tapping on the pivot headings works and switches to that view just fine.
Update 3:
Gave up hybrid app development altogether! :-)
The solution is to abandon the user of web technologies to build native-esque apps and go fully native instead. Hybrid app frameworks are evil.
这篇关于如何使用PhoneGap / Cordova为Windows Phone 7创建简单的全景应用程序？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
