Animationen werden im Editor nur durch den Button Animation abspielen angezeigt. Eine Überprüfung mehrerer Animationen zusammen ist nur in der Vorschau möglich.

Auslöser

Im Bereich Auslöser können Sie die Animationsauslöser Anzeigebeginn, Anzeigeende, Anklicken/-tippen und Skript/Action Flow auswählen und im unteren Teil der Sektion konfigurieren. Die aktivierten Auslöser werden mit einem Icon markiert.

  1. Anzeigebeginn: Die konfigurierte Animation wird ausgelöst, wenn das Element angezeigt wird. Dieser Auslöser kann z.B. bei einer durch eine Sequenz gesteuerten Anzeige oder mit einer durch Anzeigebedingungen gesteuerten Anzeige von Elementen verwendet werden. Auch das Sichtbarwerden von Elementen oder Seiten durch Verwendung der Navigationsfunktion lässt sich mit dieser Art der Animationsauslösung kombinieren.
  2. Anzeigeende: Die konfigurierte Animation wird ausgelöst, wenn das Element ausgeblendet wird. Das Anzeigeende eines Elements kann z.B. durch eine Sequenz, einen Austauschcontainer oder Anzeigebedingungen gesteuert werden. 
  3. Anklicken/-tippen: Durch Anklicken bzw. Antippen wird die Animation eines Elements ausgelöst.
  4. Skript/Action Flow: Wenn Sie eine Animation mit einem Skript oder durch einen Action Flow aktivieren möchten, können Sie diesen Auslöser verwenden.

Eigenschaften

Voreinstellung

Unter Voreinstellung können Sie zwischen verschiedenen voreingestellten Animationen wie z.B. Hüpfen, Blinken und Ausblenden wählen. In der Voreinstellung Benutzerdefiniert können Sie eine benutzerdefinierte Animation konfigurieren, wobei verschiedene Elementeigenschaften, Transformationen und Filter zur Verfügung stehen.

Mit Hilfe des Buttons Animation abspielen kann die komplette Animation getestet werden.

Weitere Animationseigenschaften

Neben den verschiedenen Vorgaben für die Animation können folgende Animationseigenschaften konfiguriert werden:

  • Dauer: Mit Hilfe der Animationsdauer können Sie die Dauer einer Animation vom Startwert bis Erreichen des Zielwerts festlegen.
  • Verzögerung: Mit dieser Option können Sie festlegen, mit welcher zeitlichen Verzögerung die Animation nach Auslösung angezeigt wird. 
  • Durchläufe: Mit dieser Option können Sie festlegen, wie oft die Animation nach Auslösung angezeigt wird.
  • Verlauf: Mit dieser Option können Sie den zeitlichen Verlauf einer Animation mit folgenden Optionen konfigurieren: 
    • Gleichförmig
    • Ease
    • Ease In
    • Ease Out
    • Ease In/Out