Wie erstelle ich eine einfache Panorama-Anwendung für Windows Phone 7 mit PhoneGap / Cordova?

Ich habe mich umgeschaut und einige Beispiele für PhoneGap / Cordova-basierte HTML5-Anwendungen für Windows Phone 7 gefunden, aber keine von ihnen scheint Ihnen zu zeigen, wie Sie eine Panorama- oder Pivot-App erstellen, die einige der wichtigsten sind zeichnet die Benutzeroberfläche des Betriebssystems. Ich möchte eine App erstellen, die wie folgt funktioniert:

Panorama:

Pivot:

Ich möchte diese Apps mit HTML5, CSS3 und JS erstellen und sie mit PhoneGap Build bereitstellen. Ich möchte Visual Studio nicht verwenden. VS bietet zwei separate Steuerelemente für Panorama- oder Pivot-Layouts, aber in HTML5 sollte es nur einen Schieberegler geben, der für beide verwendet werden kann, mit einer Optimierung für eine Multi-Screen-Spalte wie die "Second Item" -Seite in der ersten Beispiel.

Ich habe auch nach einigen IE9-kompatiblen jQuery-Slider-Plugins gesucht, die ich optimieren kann, aber 90% von ihnen funktionieren nicht und der Rest ist ein wenig zu unterschiedlich, um es zu versuchen und anzupassen. Dieser jQuery-Seitenschieber (seitwärts) -Übergang funktioniert beispielsweise problemlos jeden Browser, wird aber im WP7-Browser zu einem grundlegenden Slide-Up-Effekt.

Ich bin auf mehrere Betriebssysteme ausgerichtet, möchte aber nicht die gleiche Benutzeroberfläche replizieren. Die Datenquelle ist üblich, aber ich möchte, dass sie wie native Anwendungen auf jedem Betriebssystem aussehen.

Update 1:

Gefunden ein Scroller / Slider-Plugin , das tatsächlich auf Berührungsereignisse auf IE Mobile auf WP7 reagiert, aber das tut es nicht t schnappen Sie an den Rand jedes Panels, was ein wichtiger Aspekt der pano / pivot-Steuerung ist.

Auch ausgecheckt XUI , das über ein Plugin namens Swipe verfügt, um Swipe / Tap-Ereignisse zu erkennen, aber sogar mit "xui-ie-2.3.2 .min.js ", das Beispiel macht absolut nichts in IE Mobile.

Update 2:

Das, was mir am nächsten kommt, ist das viel versprechende jqMetro Add-on. Es bietet Ihnen einen vollen Metro-Stil mit Panorama-, Pivot- und nativen Steuerelementen, aber der ironischste Teil ist, dass die Swipe-Funktionen auf IE Mobile nicht funktionieren, was bedeutet, dass es in der PhoneGap-Anwendung nicht funktioniert . Das Tippen auf die Pivot-Überschriften funktioniert und wechselt einfach zu dieser Ansicht.

Update 3:

Have Hybrid-App-Entwicklung insgesamt! : -)