Recommandations et liste de vérification sur les animations pour les actions de glisser-déplacer (applications de style Metro)

Utilisation appropriée de dragSourceStart

  • Utilisez dragSourceStart lorsque l’utilisateur commence à déplacer un objet directement.
  • Insérez les objets concernés dans l’animation seulement si d’autres objets peuvent être concernés par le déplacement.
  • Laissez l’utilisateur déplacer des objets avant de lancer l’animation dragSourceStart pour commencer la séquence de glisser-déplacer. Cela empêchera l’utilisateur de déplacer accidentellement un objet sur lequel il voulait seulement appuyer ou qu’il voulait sélectionner. Le seuil recommandé est de 20 TIP (Touch Independent Pixels).
  • Utilisez dragSourceEnd pour terminer une séquence d’animation qui commençait par dragSourceStart. Le changement de taille provoqué par dragSourceStart dans l’objet déplacé est alors inversé.

Utilisation appropriée de dragSourceEnd

  • Utilisez dragSourceEnd quand l’utilisateur dépose un objet déplacé.
  • Lorsqu’un objet est déposé dans une liste, ce qui implique de la réorganiser, il est souvent nécessaire de déplacer les éléments existants dans la liste pour faire de la place à l’objet déposé. Après l’animation dragSourceEnd, utilisez l’animation addToList sans élément ajouté, car l’élément ajouté est déjà présent. L’animation visant à déplacer tous les éléments à leur emplacement approprié est alors exécutée.
  • Si l’élément déplacé disparaît après avoir été déposé, utilisez l’animation fadeOut. Par exemple, lorsqu’un fichier est déposé sur l’icône d’un dossier, cela permet de l’enregistrer dans ce dossier.
  • Pour inclure des objets déplacés avec dragSourceEnd, vous devez les avoir au préalable inclus à l’aide de l’animation dragSourceStart.

Utilisation inappropriée de dragSourceEnd

  • N’utilisez pas l’animation dragSourceEnd si vous n’avez pas d’abord utilisé dragSourceStart. Les deux animations doivent être utilisées pour que tous les objets retrouvent leur taille d’origine une fois la séquence de glisser-déplacer terminée.

Utilisation appropriée de dragBetweenEnter

  • Lorsque l’utilisateur déplace un objet à un emplacement où il peut être déposé entre deux autres objets, montrez l’animation dragBetweenEnter lorsque l’objet est inséré à l’emplacement où il sera déposé.
  • Choisissez un emplacement où il est possible de déposer l’objet. Cet emplacement ne doit pas être trop petit, sinon l’utilisateur rencontrera des difficultés pour déposer l’objet.

Utilisation inappropriée de dragBetweenEnter

  • N’utilisez pas l’animation dragBetweenEnter, s’il n’est pas possible de déposer un objet à l’emplacement voulu. L’animation dragBetweenEnter indique à l’utilisateur que l’objet déplacé ne peut pas être déposé entre des objets en dessous de lui.

Utilisation approprié de dragBetweenLeave

  • Lorsque l’utilisateur déplace un objet depuis l’emplacement où il pouvait être déposé entre deux autres objets, montrez l’animation dragBetweenLeave lorsque l’objet quitte cet emplacement.

Utilisation inapproprié de dragBetweenLeave

Liste de vérification

Pour connaître les conditions requises par le Windows Store, voir Critères de certification pour les applications Windows.

Rubriques associées

Exemple d’utilisation des animations de la bibliothèque d’animations
Animation des éléments de l’interface utilisateur avec la Bibliothèque d’animations
Démarrage rapide : animation
Espace de noms WinJS.UI.Animation

 

 

Afficher:
© 2014 Microsoft