Unsere Datenschutzrichtlinie wird in Kürze aktualisiert. Bitte sehen Sie sich die Vorschau an.

UX Design mit Axure 8 Grundkurs

Swiping

Testen Sie unsere 2015 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
Hier geht es darum, wie man Swiping-Gesten in Axure-Prototypen erkennt und einsetzen kann.
02:40

Transkript

In diesem Video möchte ich Ihnen zeigen, wie die OnSwipe-Events für dynamische Panel funktionieren. Dafür habe ich eine neue Seite "My Pictures" unter "About" angelegt, auf der eine Slideshow erstellen werde. Auf diese Seite habe ich bereits ein dynamisches Panel angelegt, das vier verschiedene Zustände hat, mit vier verschiedenen Bildern. Zur Unterscheidung habe ich die Bilder kurz beschriften. Um zwischen den Bildern hin und her wechseln zu können, nutze ich den OnSwipeLeft-Event, beziehungsweise gleich den OnSwipeRight-Event. Falls der Nutzer also mit der Maus den Inhalt nach links bewegt, möchte ich das der nächste Zustand des Panels angezeigt wird. Dafür nutze ich die "Set Panel to State" Aktion. Diese kann ich auf das aktuelle Widget anwenden. Und hier anstatt einen Zustand auszuwählen, wähle ich einfach den nächsten aus. Außerdem, falls ich am letzten Zustand angekommen bin, möchte ich dass der nächste angezeigt wird. So sieht das Ganze Preview Mode aus. Da ich Web angegeben habe, wird nach dem vierten Zustand, der erste wieder angezeigt. Damit man die Swipe-Bewegung auch visuell besser nachvollziehen kann, füge ich noch eine Animation hinzu, nämlich "Slide left". Bei "Set Panel State" können Sie festlegen, welche Animation für das ein- und für das herausgehende Panel definiert werden soll. In den meisten Fällen sollten diese Animationen gleich sein. Nun sehen Sie bereits, dass man die Mausbewegung nun auch besser nachvollziehen kann. Ich kopiere den Case mittels Command + C und füge ihn bei dem OnSwipeRight-Event hinzu. Hier muss ich nur ausfüllen, dass der vorherige Zustand angezeigt werden soll und die Animation umdrehen. Nun kann ich mein Fotoalbum in beide Richtungen swipen.

UX Design mit Axure 8 Grundkurs

Lernen Sie mit Axure 8 Apps und Webseiten zu konzipieren und prototypisch umzusetzen, ganz ohne Programmiervorkenntnisse.

3 Std. 32 min (53 Videos)
Derzeit sind keine Feedbacks vorhanden...
 
Software:
Axure RP Pro Axure RP Pro 8
Exklusiv für Abo-Kunden
Erscheinungsdatum:04.11.2016

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!