Windows Dev Center

Langage: HTML | XAML

Animation de changements d’éléments de listes (XAML)

Utilisez les animations de liste pour afficher les changements dans une collection d’éléments similaires. Elles incluent les animations d’ajout et les animations de suppression. Ces animations fournissent une transition visuelle fluide pour l’entrée ou la sortie des nouveaux éléments de la zone d’affichage, qui renseigne de manière évidente l’utilisateur sur l’action qui a eu lieu. Pendant une animation d’ajout, les éléments présents s’écartent pour faire de la place au nouvel élément. Le nouvel élément se fond progressivement dans l’espace qui lui est désigné, en s’agrandissant jusqu’à sa taille finale. Une animation de suppression consiste en l’opération inverse.

L’animation pour l’ajout ou la suppression est AddDeleteThemeTransition. L’animation pour les éléments repositionnés dans une liste est ReorderThemeTransition. En général, vous placez à la fois AddDeleteThemeTransition et ReorderThemeTransition dans le même jeu d’animations.

Animations d’ajout/de suppression dans la liste

Utilisez les animations de liste pour afficher l’insertion ou la suppression d’éléments dans une collection d’éléments similaires. Ces animations diffèrent des animations d’ajout/de suppression dans la liste de recherche, dans la mesure où les animations de recherche sont un peu plus rapides dans la gestion du filtrage des résultats de recherche pendant que l’utilisateur entre le terme de recherche.

Il existe aussi un objet ReorderThemeTransition distinct que vous appliquez si un élément change de position dans une liste. Son animation diffère de la suppression d’un élément et de son ajout à un nouvel emplacement avec les animations d’ajout/suppression associées.

Animations d’ajout/de suppression dans la liste de recherche

En JavaScript, vous pouvez utiliser des animations conçues spécifiquement pour ajouter ou supprimer des éléments d’une liste d’éléments de recherche. C#, C++ et Microsoft Visual Basic n’offrent pas ces autres animations. Au lieu de cela, vous devez utiliser AddDeleteThemeTransition pour les listes de recherche et non relatives aux recherches.

Comportement des animations de liste dans les contrôles Windows Runtime par défaut

Autres ressources

Voir Recommandations et liste de vérification sur les animations d’ajout et de suppression pour consulter les meilleures pratiques de conception dans l’utilisation de ces animations.

Rubriques associées

Animation de votre interface utilisateur
Démarrage rapide : animation de votre interface utilisateur avec des animations de la bibliothèque
Exemple d’animations de caractéristiques XAML
Ajout des contrôles ListView et GridView
AddDeleteThemeTransition
ReorderThemeTransition
ListView
GridView
ListViewItem
GridViewItem

 

 

Afficher:
© 2015 Microsoft