Home > Standardelemente > Grundeigenschaften aller Elemente > Animation

Animation

In der Sektion Animation können Sie einstellen, wie ein Element animiert werden soll. Dabei ist es möglich drei unterschiedliche Auslöser (Anzeigebeginn, Anzeigeende und Anklicken/-tippen) für eine Animation zu konfigurieren. In den Eigenschaften steht Ihnen eine Vorauswahl von verschiedenen Animationen zur Verfügung. Zusätzlich können Sie unter der Vorgabe Standard eine Animation komplett frei konfigurieren, wobei Ihnen unterschiedliche Elementeigenschaften, Transformationen und Filter zur Verfügung stehen. Des Weiteren können Sie für jede konfigurierte Animation die Animationsdauer, Animationsverzögerung, Animationsdurchläufe und den zeitlichen Verlauf einer Animation konfigurieren.

Hinweis:
Sobald Sie in den Eigenschaften ein Animation für ein Element aktivieren wird je nach Einstellung der Anfangswert oder Endwert der Animation beim Ausklappen der Sektion Animation sichtbar. Beim Verlassen der Sektion Animation, wird das Element in seiner nicht animierten Darstellung angezeigt. Um den Effekt der Animation vollständig zu sehen müssen Sie die Vorschau starten oder den Button "Animation abspielen" drücken.





1. 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 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.
Hinweis:
Bei Verwendung des Auslösers Anzeigeende ist zu beachten, dass nur das Element ausgeblendet wird, welches animiert werden soll, und nicht der übergeordnete Container selbst. Ansonsten ist die eingestellte Animation nicht sichtbar. In Sequenzen ist eine durch Anzeigeende ausgelöste Animation maximal für 2 Sekunden sichtbar.  

2. Eigenschaften 

2.1 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.

2.2 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.

2.3 Weitere Animationseigenschaften

Neben den verschieden Vorgaben für die Animation können folgende Animationseigenschaften konfiguriert werden:
  1. Animationsdauer: Mit Hilfe der Animationsdauer können Sie die Dauer einer Animation vom Startwert bis Erreichen des Zielwerts festlegen.
  2. AnimationsverzögerungMit dieser Option können Sie festlegen, mit welcher zeitlichen Verzögerung die Animation nach Auslösung angezeigt wird. 
  3. Animationsdurchläufe: Mit dieser Option können Sie festlegen, wie oft die Animation nach Auslösung angezeigt wird.
  4. 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.  
Hinweis:
Bei Verwendung der Option Zeitlicher Verlauf wird der Effekt der Einstellung erst bei Verwendung einer entsprechend langen Animationsdauer sichtbar.   


See also

Größe, Position, Ausrichtung, Abstände
Aussehen (Hintergrund und Rahmen)
Navigation
Pop-up (Verknüpftes Dokument)
Anzeigebedingungen (Bildschirmschoner, Zeitraum, Monitor, Bildschirmaufteilung)
Einstellungen Editor (Beschriftung, Vorlage, Benutzerrechte)


Back To Top