Applications Windows
Réduire la table des matières
Développer la table des matières

Recommandations en matière d’animations de balayage

Utilisez des animations de balayage quand vous implémentez le mouvement de balayage pour sélectionner un élément.

Recommandations

  • Si l’utilisateur n’a pas fait glisser l’élément suffisamment loin pour activer l’état de sélection avant qu’il n’ait été libéré, utilisez l’animation de sélection par balayage pour replacer l’élément dans sa position de repos sans modifier l’état de sélection.
  • Assurez-vous que la direction de l’animation de balayage correspond à la direction du mouvement de balayage de l’utilisateur.
    • Dans le cas de contenu à défilement horizontal, la direction de balayage est verticale, de sorte que la séquence d’animation de balayage se déplace vers le bas, puis vers le haut.
    • Dans le cas de contenu à défilement vertical, la direction de balayage est horizontale, de sorte que la séquence d’animation de balayage se déplace à l’horizontal selon le sens de lecture de l’application.
      • Pour une application qui offre un sens de lecture de gauche à droite, l’animation doit se déplacer vers la droite, puis vers la gauche.
      • Pour une application qui offre un sens de lecture de droite à gauche, l’animation doit se déplacer vers la gauche, puis vers la droite.
  • Déplacez l’élément à la distance conseillée pour les animations de balayage, c’est-à-dire 15 pixels en cas de déplacement vertical ou 23 pixels en cas de déplacement horizontal.

Rubriques associées

Pour les concepteurs
Recommandations en matière d’ajout et de suppression
Recommandations en matière d’animations de transition de contenu
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
Pour les développeurs (XAML)
Animation de votre interface utilisateur
Animation de mouvements de balayage
Démarrage rapide : animation de votre interface utilisateur avec des animations de la bibliothèque
SwipeHintThemeAnimation class
SwipeBackThemeAnimation class
Pour les développeurs (HTML)
Exemple de bibliothèque d’animations HTML
Animation de votre interface utilisateur
Animation de mouvements de balayage
WinJS.UI.Animation.swipeReveal function
WinJS.UI.Animation.swipeSelect function
WinJS.UI.Animation.swipeDeselect function

 

 

Afficher:
© 2017 Microsoft