Langage: HTML | XAML

Animation des transitions de contenu et d’entrée (XAML)

Applies to Windows and Windows Phone

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 thématiques et les transitions d’état visuel sont désactivées par le système, si l’utilisateur emploie un paramètre Options d’ergonomie qui permet 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’ajout et de suppression d’éléments dans une liste
Ajout des contrôles ListView et GridView
ContentThemeTransition
EntranceThemeTransition

 

 

Afficher:
© 2014 Microsoft