Animation de transitions entre les pages (applications Windows Runtime en JavaScript et HTML)

Applies to Windows and Windows Phone

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

 

 

Afficher:
© 2014 Microsoft