Windows Dev Center

Language: HTML | XAML

Animieren von Listenelementänderungen (XAML)

Verwenden Sie Listenanimationen, um Änderungen in einer Sammlung ähnlicher Elemente anzuzeigen. Hierzu zählen Animationen für das Hinzufügen und Löschen. Diese Animationen sorgen für einen gleichmäßigen optischen Übergang beim Einfügen oder Entfernen von neuen Elementen und machen den Vorgang für den Benutzer leicht erkennbar. Während einer Hinzufügungsanimation gleiten vorhandene Elemente auseinander, um für das neue Element Platz zu machen. Das neue Element wird eingeblendet und wird dabei größer. Eine Löschungsanimation wirkt in umgekehrter Richtung.

Die Animation zum Hinzufügen oder Löschen ist AddDeleteThemeTransition. Die Animation für das Ändern der Position von Listenelementen ist ReorderThemeTransition. Normalerweise werden beide AddDeleteThemeTransition- und ReorderThemeTransition-Elemente im selben Animationssatz platziert.

Hinzufügen/Löschen in Listenanimationen

Verwenden Sie Listenanimationen, um das Einfügen oder Löschen von Elementen in einer Sammlung ähnlicher Elemente anzuzeigen. Diese Animationen unterscheiden sich von den Animationen für das Hinzufügen oder Löschen in Suchlisten insofern, als die Suchanimationen etwas schneller ablaufen, um das Filtern der Suchergebnisse zu ermöglichen, während der Benutzer den Suchbegriff eingibt.

Es besteht zudem eine separate ReorderThemeTransition, die zum Ändern der Position in einer Liste verwendet wird. Diese wird anders als die Löschung eines Elements und das Hinzufügen des Elements an einer neuen Position mit den zugeordneten Animationen für das Löschen/Hinzufügen animiert.

Hinzufügen/Löschen in Suchlistenanimationen

Wenn Sie in JavaScript arbeiten, können Sie Animationen verwenden, die speziell zum Hinzufügen oder Löschen von Elementen in Listen mit Suchelementen entwickelt wurden. In C#, C++ und Microsoft Visual Basic werden diese speziellen Animationen nicht bereitgestellt. Verwenden Sie stattdessen AddDeleteThemeTransition für Suchlisten und für andere Listen.

Listenanimationen in standardmäßigem Windows-Runtime-Steuerelementverhalten

Weitere Ressourcen

Unter Richtlinien und Prüfliste für Animationen für das Hinzufügen und Löschen finden Sie bewährte Methoden für den Entwurf mit diesen Animationen.

Verwandte Themen

Animieren der Benutzeroberfläche
Schnellstart: Animieren der Benutzeroberfläche anhand von Bibliotheksanimationen
XAML-Beispiel für Charakteranimationen
Hinzufügen von ListView- und GridView-Steuerelementen
AddDeleteThemeTransition
ReorderThemeTransition
ListView
GridView
ListViewItem
GridViewItem

 

 

Anzeigen:
© 2015 Microsoft