Langage: HTML | XAML

Comment les utilisateurs interagissent avec des périphériques d’entrée (HTML)

Applies to Windows only

Voici une liste des interactions communes et de toutes les correspondances des mouvements liés à l’entrée tactile, au pavé tactile, à la souris, au clavier et au stylo/stylet dans Windows 8.1.

Voir cette fonctionnalité appliquée dans notre série Fonctionnalités d’application de A à Z:  Interaction utilisateur : entrée tactile... et plus encore

Interactions et périphériques

Windows 8.1 prend en charge une multitude de périphériques d’entrée, des périphériques tactiles au clavier. Il offre également une expérience d’interaction intuitive et efficace qui est propre à chaque périphérique, mais cohérente du point de vue du fonctionnement entre les périphériques et les modes, tels que le clavier tactile, la roulette de la souris et la gomme du stylet.

Concevez l’interface utilisateur de votre application du Windows Store pour les actions tactiles, mais tenez compte des implications sur la conception pour de nombreux périphériques :

  • Pavé tactile, qui combine les expériences tactiles et avec la souris
  • Souris
  • Stylo/stylet, spécialisé dans la fonctionnalité d’entrée manuscrite
  • Périphériques clavier, pour l’édition de texte et les raccourcis de commandes

Entrée tactilePavé tactileSourisClavier (matériel)Stylo/stylet
Sélectionner
Balayage à l’opposé du sens de défilement (voir Recommandations en matière de glisser transversal)Appui avec deux doigtsClic droit Espace Balayage à l’opposé du sens de défilement (voir Recommandations en matière de glisser transversal)
Afficher la barre de l’application
Balayage depuis le bord supérieur ou inférieurBalayage depuis le bord supérieur ou inférieurClic droitTouche Windows+Z, touche de menuBalayage depuis le bord supérieur ou inférieur
Afficher les icônes
Balayer à partir du bord droitBalayer à partir du bord droit Pointer dans l’angle supérieur ou inférieur droit Touche Windows+CBalayer à partir du bord droit
Menu contextuel
Appui sur le texte sélectionné, appui prolongéAppui avec deux doigts sur le texte sélectionné, appui prolongéClic droitTouche de menuAppui sur le texte sélectionné, appui prolongé
Lancer/activer
AppuyerAppuyerClic gauche EntréeAppuyer
Défilement sur une courte distance
GlissementGlissement avec deux doigtsBarre de défilement, touches de direction, clic gauche et glissement Touches de directionBarre de défilement
Défilement sur une longue distance
Glissement (inertie incluse) Glissement avec deux doigts (inertie incluse)Barre de défilement, roulette, clic gauche et glissement Pg. préc, Pg. suiv Barre de défilement
Réorganiser (faire glisser)
Balayage à l’opposé du sens de défilement au-delà d’un seuil de distance (voir Recommandations en matière de glisser transversal)Appuyer longuement et faire glisserClic gauche et glissement Ctrl+C ou Ctrl+X, Ctrl+VBalayage à l’opposé du sens de défilement au-delà d’un seuil de distance (voir Recommandations en matière de glisser transversal)
Zoomer
Pincement, étirementPincement, étirementRoulette, Ctrl+roulette, commande d’interface utilisateurCtrl+Plus(+) ou Moins(-)Commande d’interface utilisateur
Rotation
TournerTournerCtrl+Maj+roulette, commande d’interface utilisateurCtrl+Plus(+) ou Moins(-)Commande d’interface utilisateur
Insérer le curseur/sélectionner du texte
Appui, appui sur la barre de redimensionnementAppuyerClic gauche+glissement, double-clicTouches de direction, Maj+touches de direction, Ctrl+touches de direction, etc. Appui, appui sur la barre de redimensionnement
Informations supplémentaires
Appuyer longuementAppuyer longuementPointage (avec un délai)Déplacement du rectangle de sélection (avec un délai) Appuyer longuement
Déplacer le focus
Non applicable Non applicable Non applicable Touches de direction, TabNon applicable
Retour d’interaction
Visualisations tactilesMouvement du curseur, changement de curseurMouvement du curseur, changement de curseurRectangles de sélectionVisualisations de stylo

 

Rubriques associées

Conceptuel
Réponse à l’interaction utilisateur
Conception de l’interaction tactile
Référence
Windows.UI.Core
Windows.UI.Input
Windows.UI.Xaml.Input
Exemples (DOM)
Exemple de zoom, de panoramique et de défilement HTML
Entrée : exemple de gestion d’événement de pointeur DOM
Entrée : exemple de mouvements instanciables
Exemples (API d’applications du Windows Store)
Entrée : exemple de manipulations et de mouvements (JavaScript)
Entrée : exemple de mouvements Windows 8
Entrée : exemple d’événements d’entrée utilisateur XAML
Exemple de zoom, de panoramique et de défilement XAML
Exemples (DirectX)
Exemple d’entrée tactile DirectX
Entrée : exemple de manipulations et de mouvements (C++)

 

 

Afficher:
© 2014 Microsoft