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

UX Design mit Axure 8 Grundkurs

Panel-Zustände automatisch ändern

Testen Sie unsere 2017 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
Das Beispiel einer Slideshow. erklärt, wie man bei dynamischen Panels automatisch zwischen verschiedenen Zuständen wechseln kann.
03:20

Transkript

In diesem Video möchte ich Ihnen zeigen, wie die dynamische Panel ihren Zustand automatisch wechseln können. Obwohl unser dynamisches Panel auf Swipe-Events reagiert, wäre es trotzdem praktisch, wenn es nach einer gewissen Zeit automatisch das nächste Bild anzeigen würde. Damit das Panel nach einer gewissen Zeit von alleine zu seinem nächsten Zustand geht, nutzen wir den OnLoad-Event. Dieser Event wird, wie der Name schon sagt, beim Laden des dynamische Panels ausgeführt. Dort wählen wir wieder die "Set Panel State" Aktion aus, werden Sie auf das Witget selbst an und sagen, dass der nächste Zustand aktiviert werden soll. Und zwar nach einer Zeit von zwei Sekunden. Und wichtig ist, diese Checkbox, die erst eingeblendet wird, wenn man den Wiederholungsmodus aktiviert, da dieser auch eine initiale Pause in der gleichen Länge einstellt. Wie Sie sehen, schreibt die Aktion, dass nach dem ersten Landen der nächste Panel State alle zwei Sekunden aktiviert werden soll. Und nicht vergessen, dass nach dem letzten Panel State, wieder der erste dargestellt werden soll. Im Preview Mode sehen Sie nun, dass sich der Panel State wechselt. Da ich die Transition vergessen habe, sieht es noch ein bisschen unfertig aus. Nun bewegen sich die Bilder alle zwei Sekunden von alleine weiter. Falls der Nutzer mit einem Swipe eingreift, wird der passende Panel State natürlich aufgerufen. Jedoch ist damit die automatische Ausführung beendet. Trotzdem wäre es schön, wenn die Animation weiterlaufen würde. Dazu können wir eine besondere Aktion nutzen, die seit Axure 8 verfügbar ist. Nach einem Swipe-Event möchten wir, dass der Loade-Event dieses Widgets einfach nochmal ausgeführt wird. Dazu gibt es jetzt die Fire Event-Aktion. Mit dieser Aktion können Sie einen gewissen Event bei einem Widget auslösen. In unserem Fall "OnLoad". Das heißt, wenn unser dynamisches Panel eine Swipe-Bewegung nach links registriert, wechselt sie auf den passenden Zustand und startet dann erneut die automatische Slideshow. Ich kopiere den Event mit Command+C und füge ihn auch bei OnSwipeRight ein. Das Ergebnis sieht dann so aus. Die Slideshow wechselt automatisch. Ich kann aber mit der Maus vor und zurück springen, und nach zwei Sekunden läuft die Animation weiter. In diesem Video haben Sie gesehen, wie Sie Zustandswechsel von dynamische Panels automatisieren können. Jedoch funktioniert diese Automatisierung nur so lange, bis ein anderer Teil von Axure ein Zustandswechsel vornimmt. daher nutzen wir die Fire-Event Aktion, um die Automatisierung erneut zu starten.

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!