Langage: HTML | XAML

Animation de mouvements de balayage (XAML)

Applies to Windows only

Utilisez des animations de balayage (SwipeHintThemeAnimation, SwipeBackThemeAnimation) quand vous mettez en œuvre le modèle de sélection tactile Windows 8 (appelé balayage) pour la sélection d’un élément.

Les contrôles ListView et GridView pour XAML incluent des animations d’indicateur de balayage pour les éléments.

Indicateur de balayage

L’animation d’indicateur de balayage (SwipeHintThemeAnimation) montre à l’utilisateur que l’élément prend en charge l’interaction par balayage. Lorsque l’utilisateur maintient appuyé un élément qui prend en charge l’interaction par balayage, l’animation déplace l’élément vers le bas puis vers le haut pour indiquer que l’élément prend en charge l’interaction par balayage. Cette animation est déjà comprise pour les éléments ListView et GridView. Il vous suffit d’utiliser ces contrôles pour l’affichage des éléments et les animations sont comprises.

Illustration montrant les étapes d’une animation d’indicateur de balayage

Sélection par balayage

XAML n’offre aucune animation de sélection par balayage, car la sélection est gérée par différents modèles tels que les modes de sélection des contrôles et des éléments. Ces derniers ont chacun leur propre métaphore visuelle sans animation.

Désélection par balayage

Utilisez l’animation de désélection par balayage quand l’utilisateur fait glisser un élément sélectionné suffisamment loin pour le désélectionner, puis le libère. L’animation de désélection par balayage supprime l’indicateur de sélection de l’élément et replace ce dernier dans sa position de repos.

Illustration montrant les étapes dans l’animation de désélection par balayage : déplacement et désactivation

Comportement des animations de mouvements de balayage dans les contrôles Windows Runtime par défaut

Autres ressources

Voir Recommandations et liste de vérification sur les animations de balayage afin de consulter les meilleures pratiques de conception dans l’utilisation de ces animations.

Rubriques associées

Animation de votre interface utilisateur
Démarrage rapide : animation de votre interface utilisateur avec des animations de la bibliothèque
SwipeHintThemeAnimation
SwipeBackThemeAnimation

 

 

Afficher:
© 2014 Microsoft