Langage: HTML | XAML

Animation de fondus (XAML)

Applies to Windows and Windows Phone

Utilisez les animations en fondu pour faire apparaître ou disparaître des éléments. Il existe trois types d’animations en fondu : apparition en fondu, disparition en fondu et fondu enchaîné. Chaque animation est conçue pour un scénario différent. La bibliothèque d’animations XAML met en œuvre ces animations à l’aide de FadeInThemeAnimation et FadeOutThemeAnimation.

Apparition en fondu

Utilisez l’animation d’apparition en fondu pour afficher un élément ou un sous-ensemble d’éléments. Vous pouvez voir un exemple d’animation en fondu dans la barre de l’application, où de nouveaux contrôles peuvent apparaître en réponse à l’interaction utilisateur. Vous devez également utiliser l’animation en fondu pour effectuer une transition d’un élément d’espace réservé à l’élément réel lorsque le contenu se charge de manière dynamique, ou pour afficher une info-bulles ou un contrôle de boîte de dialogue personnalisé.

  • Applies to Windows

Notez que l’info-bulles Windows et les contrôles de boîte de dialogue incluent les animations d’apparition ou de disparition en fondu.

Disparition en fondu

Utilisez l’animation de disparition en fondu pour masquer un élément ou un sous-ensemble d’éléments. Vous pouvez voir un exemple d’animations de disparition en fondu dans les contrôles de transition tels que la barre de défilement ou l’indicateur de mouvement panoramique, qui disparaissent en fondu après un laps de temps et en l’absence de détection d’entrée utilisateur.

Fondu enchaîné

Utilisez l’animation de disparition et d’apparition en fondu pour effectuer un remplacement in situ d’un élément existant par un élément entrant. L’animation fait disparaître les éléments existants alors qu’apparaissent les éléments de remplacement au même endroit.

Comportement des animations en fondu dans les contrôles Windows Runtime par défaut

Autres ressources

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

Pour obtenir un exemple qui utilise HTML plutôt que XAML, voir Exemple d’utilisation des animations de la bibliothèque d’animations.

Rubriques associées

Animation de votre interface utilisateur
Démarrage rapide : animation de votre interface utilisateur avec des animations de la bibliothèque
FadeInThemeAnimation
FadeOutThemeAnimation
Exemple d’animations de caractéristiques XAML

 

 

Afficher:
© 2014 Microsoft