Ermitteln, ob ein Swipe-Ereignis für einen Links- oder einen Rechts-Swipe gedacht ist

9

Ich benutze Angular 2 und ionic 2 und versuche, die linken und rechten Swipes zu erfassen. Ich kann eine Wischbewegung erfassen, kann aber nicht herausfinden, ob es sich um eine Links- oder Rechtswischbewegung handelt.

In meinem HTML habe ich:

%Vor%

Dies ruft swipeEvent bei jedem Wischen auf.

Mein swipeEvent Javascript Code sieht so aus:

%Vor%

Wie kann ich feststellen, ob es sich um eine Links- oder Rechtsüberstreichung handelt?

    
Bill Noble 01.05.2016, 18:35
quelle

4 Antworten

34

Es sieht so aus, als ob die Gesten auf HammerJS aufgebaut sind, wie im Ionic 2 docs .

  

Sie können bestimmte Gesten zielen, um bestimmte Funktionen auszulösen.   Erbaut auf Hammer.js ...

Wenn Sie ein Swipe-Ereignis auslösen, wird ein Objekt an die gebundene Methode übergeben. Es enthält eine Option e.direction , die ein numerischer Wert ist, der einer Swipe-Richtung entspricht.

Unten ist die Liste der Richtungskonstanten, die hier in den HammerJS-Dokumenten

definiert sind
%Vor%

Beispiel

Gegeben ist Ihr ion-content Setup

%Vor%

Nützlicher Tipp

Alternativ (sieht nicht so aus, als hätte Ionic dies in ihren Gesten dokumentiert), können Sie HammerJS-Ereignisse verwenden im HTML-Tag, um auf eine bestimmte Wischrichtung abzuzielen.

%Vor%

Wurde nur durch Versuch und Irrtum gefunden und schien für die meisten Ereignisse zu funktionieren!

    
Will.Harris 03.05.2016, 10:26
quelle
2

html

%Vor%

typescrip

%Vor%

wenn deltaX & gt; Wischen Sie nach rechts, wischen Sie nach links. Ich möchte pan anstelle von swipe verwenden, weil ich ein Folienbild wie Scrollyeah

    
vuhung3990 13.05.2016 03:30
quelle
0

Sie cab binden separate Event-Handler mit Ionic, wie:

%Vor%

Sie können auch on-swipe like:

verwenden %Vor%

Verwenden von Ionic 2

%Vor%

Ionic Docs

    
Theodore 01.05.2016 18:53
quelle
0

Nur zum Aktualisieren - ab Ionic 3.19.0 ist die Funktionalität wie folgt:

%Vor%

und

%Vor%

Auch - eine noch schnellere Inline-Lösung, wenn Sie nur mit linken und rechten Swipes beschäftigt sind:

%Vor%     
Grant 14.01.2018 03:34
quelle