Animation de l’interface utilisateur contextuelle (applications du Windows Store en JavaScript et HTML)

Utilisez les animations contextuelles pour afficher et masquer l’interface utilisateur contextuelle, qui comprend des menus contextuels et des menus volants. Les éléments contextuels sont des conteneurs qui s’affichent sur le contenu de l’application et qui disparaissent si l’utilisateur appuie ou clique en dehors de l’élément contextuel.

Cet ensemble d’animations comprend les API suivantes :

La vidéo suivante illustre les animations qui affichent et masquent l’interface utilisateur contextuelle :

|

Remarque  Le menu contextuel Windows et les contrôles de menu volant incluent les animations contextuelles. Si vous utilisez ces contrôles dans vos applications, vous n’avez pas besoin de fournir vous-même ces animations.

L’animation showPopup comprend une translation, mouvement vertical depuis un emplacement d’origine vers un emplacement final, tandis que l’élément contextuel apparaît en fondu. L’amplitude de translation et la direction sont spécifiées par l’application. Dans la plupart des cas, la translation doit être de 50 pixels et se diriger vers le haut. Toutefois, si l’élément contextuel sera affiché sous l’élément d’interface utilisateur qui l’a déclenché, la translation doit être de 50 pixels et se diriger vers le bas. Par exemple, cette translation vers le bas s’appliquerait à un menu volant déclenché à partir d’une barre de navigation ou d’un en-tête d’application. L’objectif est de fournir à l’utilisateur un lien visuel entre l’élément contextuel et son élément déclencheur.

Pour utiliser les animations contextuelles, vous devez connaître l’objet qui apparaîtra ou disparaîtra et, dans le cas de showPopup, le décalage à partir duquel l’objet se déplace au cours de son affichage.

Autres ressources

Voir Exemple d’utilisation des animations de la bibliothèque d’animations pour obtenir des exemples de code qui démontrent l’utilisation des API d’animation contextuelle de l’interface utilisateur.

Voir Recommandations et liste de vérification sur les animations contextuelles d’interface utilisateur pour consulter les meilleures pratiques de conception dans l’utilisation de ces animations.

Rubriques associées

Animation de votre interface utilisateur
Animation latérale de l’interface utilisateur
showPopup
hidePopup

 

 

Afficher:
© 2014 Microsoft. Tous droits réservés.