Animation des transitions de contenu et d’entrée (applications du Windows Store en C#/VB/C++ et XAML)

Utilisez les animations de transition de contenu pour modifier le contenu d’une zone de l’écran sans changer le conteneur ou l’arrière-plan. Le nouveau contenu qui s’affiche à l’écran glisse à partir d’un décalage qui lui est appliqué. Si du contenu déjà à l’écran doit être remplacé, il disparaît progressivement au fur et à mesure que le nouveau contenu vient s’insérer. Vous pouvez utiliser cette méthode dans le cas de la navigation à écran fractionné, où l’utilisateur dispose d’une liste affichée et d’une vue détaillée. Les animations de transition de contenu affichent également du contenu qui est chargé après le reste d’une page, lors de la transition entre les pages.

Cette animation est exécutée par la classe ContentThemeTransition.

La bibliothèque d’animations XAML n’offre aucun concept d’animation qui s’applique à la page entière quand celle-ci est chargée, mais elle propose une transition distincte (EntranceThemeTransition) qui peut s’appliquer au contenu quand la page contenant le contenu est chargée pour la première fois et que cette partie du contenu est affichée. Autrement dit, il n’y a aucun équivalent direct pour enterPage, mais l’application de EntranceThemeTransition à du contenu dans une page permet de gérer le même scénario et de provoquer un déclenchement pour la même condition. En XAML, un élément de contenu peut avoir à la fois une méthode ContentThemeTransition et une classe EntranceThemeTransition définies dans le cadre du même objet TransitionCollection appliqué à une propriété Transition. De cette façon, le contenu aura un retour visuel différent lors de son premier chargement et lors des changements ultérieurs dans la page, mais celle-ci reste identique.

Comportement des animations de contenu et d’entrée dans les contrôles Windows Runtime par défaut

Pour le contenu qui reste en place mais pour lequel il peut y avoir des changements d’éléments pilotés par les données ou par l’utilisateur, vous devez aussi appliquer des animations AddDeleteThemeTransition et ReorderThemeTransition là où vous appliquez ContentThemeTransition.

Remarque  À partir de Windows 8.1, les transitions de thème et les transitions d’état visuel peuvent être désactivées par le système, pour honorer le paramètre d’Options d’ergonomie qui permet à un utilisateur de désactiver les animations inutiles (dans la mesure du possible) dans les applications Windows.

Autres ressources

L’exemple d’animations de caractéristiques XAML montre comment utiliser la méthode ContentThemeTransition appliquée à la propriété ChildrenTransitions d’une Grid. L’exemple montre une vue maître/détail des données où les données sont affichées dans une cellule de grille du côté droit et l’animation est appliquée quand un nouvel élément est sélectionné parmi ceux figurant du côté gauche de la grille. (Il s’agit du Scénario 2 dans l’exemple.)

Pour plus d’informations sur l’expérience utilisateur et pour obtenir des recommandations sur l’utilisation, voir Recommandations et liste de vérification sur les animations de transition entre les pages et Recommandations et liste de vérification sur les animations de transition de contenu.

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
Animation d’ajouts et de suppressions dans la liste
Ajout des contrôles ListView et GridView
ContentThemeTransition
EntranceThemeTransition

 

 

Afficher:
© 2014 Microsoft. Tous droits réservés.