Windows Dev Center

Language: HTML | XAML

Animieren von Ein- und Ausblendungen (XAML)

Verwenden Sie Ein- und Ausblendungsanimationen, um Elemente anzuzeigen oder nicht anzuzeigen. Es gibt drei Arten von Ein- und Ausblendungsanimationen: Einblenden, Ausblenden und Überblenden. Jede Animation ist für ein anderes Szenario gedacht. Die XAML-Animationsbibliothek implementiert diese Animationen mit den FadeInThemeAnimation- und FadeOutThemeAnimation-Elementen.

Einblenden

Verwenden Sie die Einblendungsanimation, um ein Element oder einen Satz von Elementen anzuzeigen. Ein Beispiel für die Einblendungsanimation sehen Sie auf der App-Leiste, auf der aufgrund von Benutzerinteraktionen neue Steuerelemente angezeigt werden können. Sie sollten die Einblendungsanimation auch verwenden, um beim dynamischen Laden des Inhalts von einem Platzhalterelement zum tatsächlichen Element überzugehen oder um eine benutzerdefinierte QuickInfo oder ein benutzerdefiniertes Dialogsteuerelement anzuzeigen.

Hinweis  

Die Windows-Steuerelemente für QuickInfos und Dialogfelder enthalten die Ein- und Ausblendungsanimationen.

Ausblenden

Verwenden Sie die Ausblendungsanimation, um ein Element oder einen Satz von Elementen aus der Ansicht zu entfernen. Ein Beispiel für die Ausblendungsanimation sehen Sie in vorübergehend angezeigten Steuerelementen wie beispielsweise der Bildlaufleiste oder der Schwenkmarkierung. Diese werden nach einer gewissen Zeit ausgeblendet, wenn keine Benutzereingabe erkannt wurde.

Überblenden

Verwenden Sie die Ein- und Ausblendungsanimationen gleichzeitig, um ein vorhandenes Element direkt durch ein eingehendes Element zu ersetzen. Die Animation blendet die vorhandenen Elemente aus und blendet dabei an der gleichen Stelle die Ersatzelemente ein.

Ausblendanimationen in standardmäßigem Windows-Runtime-Steuerelementverhalten

Weitere Ressourcen

Unter Richtlinien und Prüfliste für Ein- und Ausblendungsanimationen finden Sie bewährte Methoden für den Entwurf mit diesen Animationen.

Ein Beispiel in dem HTML statt XAML verwendet wird, finden Sie unter Beispiel für die Verwendung von Animationen aus der Animationsbibliothek.

Verwandte Themen

Animieren der Benutzeroberfläche
Schnellstart: Animieren der Benutzeroberfläche anhand von Bibliotheksanimationen
FadeInThemeAnimation
FadeOutThemeAnimation
XAML-Beispiel für Charakteranimationen

 

 

Anzeigen:
© 2015 Microsoft