wake-up-neo.com

Horizontales/vertikales Scrollen mit Fingerwürfeln in Android Honeycomb Webview/Webkit implementieren?

Ich plane, die Honeycomb-Tablet-Anwendung auf Basis von WebView zu implementieren (im Grunde handelt es sich um eine HTML5-Web-basierte Anwendung , die nur für Tablet erstellt wurde).

Ich möchte horizontales und vertikales Scrollen mit dem Finger ausführen. Zum besseren Verständnis habe ich eine Beispielskizze erstellt.

Horizontal Scrolling by Swiping


Dieses Bild zeigt etwas, das der Aktivität von Honeycomb mit der ursprünglichen Einstellung ähnelt, wobei die linke und rechte Seite vertikal scrollbar sind Vertical Scrolling by Swiping

Jede Art von Führer oder Ressourcen sind willkommen. Vielen Dank

20
Hossain Khan

Werfen Sie einen Blick auf iScroll :

iScroll 4 ist eine vollständige Umschreibung des ursprünglichen iScroll - Codes. Die Skriptentwicklung begann, weil das mobile Webkit (auf iPhone, iPad, Android) keine native Möglichkeit bietet, Inhalte innerhalb eines festen Breiten-/Höhenelements zu scrollen. Diese unglückliche Situation verhindert, dass jede Web-App einen position:absolute-Header und/oder eine Fußzeile und einen zentralen Bildlaufbereich für Inhalte hat.

Während die neuesten Android-Versionen diese Funktion unterstützen (obwohl die Unterstützung nicht optimal ist), scheint Apple nur ungern einen Finger-Bildlauf zu den Divs hinzuzufügen.

12
shaunix

Hier ist was ich bisher gefunden habe:

Dies hängt davon ab, wie Sie das Scrollen implementieren möchten. Wenn Sie ein Swiping-Ereignis hinzufügen möchten, ist dies der einfachste Weg, um die Verwendung bekannter Bibliotheken zu implementieren:

  • - jqTouch - Es hat ein linkes und ein rechtes Ereignis, das nach links oder rechts scrollen kann (es scheint, dass alle auf Webkits basierenden Animationen nur auf iOS-Geräten funktionieren). Bitte beachten Sie, dass sich das Projekt noch in der Beta-Phase befindet und nicht sehr aktiv ist.EDIT: Dies ist auch Teil von Sencha Labs - der aktiv Sencha Touch betreut.
  • Sencha Touch - Sie können fast alles in Mobile und Tablet besser unterstützen. (Hinweis: Es ist kostenlos für OpenSource-Apps, nicht jedoch für kommerzielle Apps - BEARBEITEN: Sie haben tatsächlich eine kommerzielle Lizenz. Weitere Informationen zur Lizenzierung finden Sie auf ihrer Website.}
  • jQueryMobile - Sie sind sehr stabil (ab jetzt in RC1) und haben das linke und rechte Ereignis gestreift, aber ich konnte kein Streichen nach oben oder unten finden. Wenn Sie nur nach links und rechts streichen möchten, tippen Sie auf, tippen Sie auf, und fahren Sie mit jQM fort. Sie haben die beste Community-Unterstützung.
  • RAW JS - Wenn Sie etwas Rohes Javascript möchten, besuchen Sie den HTML5Rocks-Artikel , um mehr über die Funktionsweise des Touch-Ereignisses zu erfahren.

Ich hoffe, es hilft. Ich habe immer noch Schwierigkeiten, das Scrollen nach oben zu implementieren, da ich nicht auf das Ende des Swipe warten möchte. Stattdessen versuche ich, ein sofortiges Scroll-Feedback zu implementieren, das mit RAW JS-Koordinaten sehr nahe kommt, aber nicht zufriedenstellend ist.

5
Hossain Khan

Hammer JS war für mich nützlich:

http://eightmedia.github.io/hammer.js/

5
Ian Jamieson

SwipeView scheint von den Machern von iScroll eine schöne Alternative zu sein. Schauen Sie sich die Demo 1 und Demo 2 an.

Ich habe es noch nicht getestet, werde es aber sicherlich tun. Da verhalten sich Demos auf meinem iPad gut.

2
kleliboux

Diese Bibliothek könnte von Nutzen sein: https://github.com/cubiq/2-way-iScroll

Es behandelt den Fall des vertikalen Bildlaufs und des horizontalen Streichen.

0
Felix