Recommandations en matière d’animations de transition de contenu

Applies to Windows and Windows Phone

Les animations de transition de contenu vous permettent de modifier le contenu d’une zone de l’écran tout en maintenant le conteneur ou l’arrière-plan constant. Le nouveau contenu apparaît. Si du contenu déjà à l’écran doit être remplacé, il disparaît.

Pratiques conseillées et déconseillées

  • Utilisez les transitions de contenu lorsque vous devez insérer un ensemble d’éléments nouveaux dans un conteneur vide. Par exemple, après le chargement initial d’une application, une partie de son contenu est susceptible de ne pas pouvoir s’afficher immédiatement. Une fois le contenu prêt à l’affichage, utilisez une animation de transition de contenu pour activer son affichage.
  • Utilisez les transitions de contenu pour remplacer un ensemble de contenu par un autre résidant déjà dans le même conteneur sur la zone d’affichage.
  • Lorsque vous intégrez du nouveau contenu, insérez-le dans la vue dans le sens contraire du flux de page général ou du sens de lecture de la page. Par exemple, si l’animation consiste à insérer du nouveau contenu dans un document dont le sens de lecture se fait de gauche à droite, le contenu entrant doit venir s’insérer de droite à gauche.
  • Introduisez le nouveau contenu de manière logique, par exemple le contenu le plus important en dernier.
  • Si vous avez plusieurs conteneurs dont le contenu doit être actualisé, déclenchez l’intégralité des animations de transition simultanément sans aucune étape ou délai.
  • N’utilisez pas d’animations de transition de contenu quand la page entière est en cours de modification. Dans ce cas, utilisez plutôt les animations de transition entre les pages.
  • N’utilisez pas d’animation de transition de contenu si le contenu est uniquement en cours d’actualisation. Les animations de transition de contenu sont destinées à représenter du mouvement. Pour les actualisations, utilisez les animations en fondu.

Rubriques connexes

Pour les concepteurs
Recommandations en matière d’ajout et de suppression
Recommandations en matière d’animations de glissement
Recommandations en matière d’animations latérales de l’interface utilisateur
Recommandations en matière d’animations en fondu
Recommandations en matière d’animations de transition de page
Recommandations en matière d’animations de clic de pointeur
Recommandations en matière d’animations de repositionnement
Recommandations en matière d’animations contextuelles de l’interface utilisateur
Recommandations en matière d’animations de balayage
Pour les développeurs (applications Windows Runtime en JavaScript et HTML)
Exemple de bibliothèque d’animations HTML
Animation de votre interface utilisateur
Animation de transitions de contenu
enterContent
exitContent
Pour les développeurs (applications Windows Runtime en C#/VB/C++ et XAML)
Animation de votre interface utilisateur
Animation de transitions de contenu
Démarrage rapide : animation de votre interface utilisateur avec des animations de la bibliothèque
ContentThemeTransition

 

 

Afficher:
© 2014 Microsoft