Partager via


Animation de transitions entre les pages (HTML)

[ Cet article est destiné aux développeurs de Windows 8.x et Windows Phone 8.x qui créent des applications Windows Runtime. Si vous développez une application pour Windows 10, voir la Documentation ]

Utilisez les animations de transition entre les pages pour afficher la première page d’une application récemment lancée ou pour effectuer la transition entre les pages au sein d’une application. La nouvelle page glisse jusqu’à son emplacement à partir d’un décalage. Le contenu existant disparaît progressivement pour laisser place au nouveau contenu. La nouvelle page est divisée en zones. Chacune d’entre elles se déplace indépendamment sur l’écran, avec des synchronisations différées. Vous spécifiez la façon dont la page entrante est scindée en zones.

Cet ensemble d’animations comprend les API suivantes :

La vidéo suivante illustre l’animation qui affiche une page de contenu :

La vidéo suivante illustre l’animation qui masque une page de contenu :

Pour utiliser ces animations, vous devez connaître les éléments suivants :

  • les objets sortants ;
  • les objets entrants ;
  • la direction et l’amplitude du glissement du contenu entrant.
    • La direction recommandée correspond au sens opposé à l’ordre de lecture.

Autres ressources

Voir l’exemple de la bibliothèque d’animations HTML pour obtenir des exemples de code qui illustrent l’utilisation des API d’animation de transition entre les pages.

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

Rubriques associées

Animation de votre interface utilisateur

Animation de transitions de contenu

enterPage

exitPage