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 und Anklicken/-tippen auswählen und im unteren Teil der Sektion konfigurieren. Die aktivierten Auslöser werden mit einem grünen 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.

Eigenschaften

Anfangswerte und Endwerte der Animation

Nach Aktivierung der Checkbox Aktiv kann für den jeweiligen Auslöser eine Animation konfiguriert werden. Mit den Radio-Buttons Anfangswerte der Animation im Editor anzeigen und Endwerte der Animation im Editor anzeigen können die eingestellten Start- und Zielwerte der Animation betrachtet werden. Mit Hilfe des Buttons Animation abspielen kann die komplette Animation getestet werden.

Vorgabe

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

Weitere Animationseigenschaften

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

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