Langage: HTML | XAML

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

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.

Cet ensemble d’animations comprend les fonctions suivantes :

La vidéo suivante illustre ces animations, en supprimant un contenu existant, puis en affichant un nouveau contenu :

Notez qu’il n’est pas nécessaire d’appliquer la même disposition ou la même taille au contenu original et au contenu de remplacement.

Pour utiliser les API de transition, vous devez connaître les éléments suivants :

  • les objets sortants ;
  • les objets entrants ;
  • la direction et l’amplitude du glissement du contenu entrant.

Autres ressources

Pour les exemples de code qui illustrent l’utilisation des fonctions d’animation de transition de contenu, voir l’exemple de la bibliothèque d’animations HTML.

Pour les meilleures pratiques de conception de l’utilisation de ces animations, voir Recommandations et la liste de vérification sur les animations de transition de contenu.

Rubriques associées

Animation de votre interface utilisateur
Animation de transitions entre les pages
enterContent
exitContent

 

 

Afficher:
© 2014 Microsoft