Teil 2: Slideshow mit Controls

In diesem Teil soll die Slideshow um ‚Controls‘ erweitert werden, um die Bildrotation manuell zu beeinflussen.
Hierfür legt man individuelle Controls links und rechts mittig auf das Dynamic Panel und vergibt diesen eine OnClick- Aktionen.
  • Axure Version: 8.0
  • Level: Beginner
  • Dauer: 20 min
  • Themen: Axure Basics, Bühne, Controls, Dynamic Panel, Slideshow
Preview:

Konzept & Interaktion

Bei Klick auf die Controls soll die automatische Bildrotation gestoppt werden. Außerdem soll je nach dem welche Rotations-Richtung man geklickt hat, das nächste Bild von links oder von rechts in die Bühne fahren. Hierfür wird zunächst das rechte Control markiert und erhält eine OnClick-Aktion: mit  Set Panel State wird die Slideshow ausgewählt und auf Stop Repeating gesetzt.

OnClick-Aktion definieren

OnClick-Aktion definieren

Danach folgt ebenso mit Set Panel State die Aktion Next mit den Animate In & Animate Out Einstellungen:

Animate In & Animate Out definieren

Animate In & Animate Out definieren

Auch das linke Control-Widget erhält die gleichen OnClick-Aktionen:

Fertige Interaktion für das linke Control-Widget

Fertige Interaktion für das linke Control-Widget

Fertige Interaktion für das rechte Control-Widget

Fertige Interaktion für das rechte Control-Widget

 

Kommentar schreiben

    Name
    E-Mail Adresse
    Website URL (optional)
    Kommentar