Interactions avec la souris
Optimisez la conception de votre application Windows pour l’entrée tactile et bénéficiez par défaut de la prise en charge de la souris de base.
L’entrée de la souris convient le mieux aux interactions utilisateur qui nécessitent une précision lors du pointage et du clic. Cette précision inhérente est naturellement prise en charge par l’interface utilisateur de Windows, qui est optimisée pour la nature imprécise de l’interaction tactile.
Lorsque la souris et l’entrée tactile diffèrent, il est possible d’émuler plus étroitement la manipulation directe des éléments de l’interface utilisateur par le biais de mouvements physiques effectués directement sur ces objets (comme le balayage, le glissement, le glissement, la rotation, etc.). Les manipulations avec une souris nécessitent généralement d’autres affordances d’interface utilisateur, telles que l’utilisation de poignées pour redimensionner ou faire pivoter un objet.
Cette rubrique décrit les considérations relatives à la conception pour les interactions avec la souris.
Langue de la souris de l’application UWP
Un ensemble concis d’interactions de souris est utilisé de manière cohérente dans tout le système.
Terme | Description |
---|---|
Pointez pour apprendre |
Pointez sur un élément pour afficher des informations plus détaillées ou des visuels d’enseignement (par exemple, une info-bulle) sans engagement envers une action. |
Cliquez avec le bouton gauche pour l’action principale |
Cliquez avec le bouton gauche sur un élément pour appeler son action principale (par exemple, lancer une application ou exécuter une commande). |
Faire défiler pour modifier l’affichage |
Affichez les barres de défilement pour monter, descendre, gauche et droite dans une zone de contenu. Les utilisateurs peuvent faire défiler en cliquant sur des barres de défilement ou en faisant pivoter la roulette de la souris. Les barres de défilement peuvent indiquer l’emplacement de l’affichage actuel dans la zone de contenu (panoramique avec affichage tactile affiche une interface utilisateur similaire). |
Cliquez avec le bouton droit pour sélectionner et commander |
Cliquez avec le bouton droit pour afficher la barre de navigation (le cas échéant) et la barre d’application avec des commandes globales. Cliquez avec le bouton droit sur un élément pour le sélectionner et affichez la barre d’application avec des commandes contextuelles pour l’élément sélectionné.
Notez que cliquez avec le bouton droit pour afficher un menu contextuel si les commandes de sélection ou de barre d’application ne sont pas adaptées aux comportements d’interface utilisateur. Toutefois, nous vous recommandons vivement d’utiliser la barre d’application pour tous les comportements de commande.
|
Commandes d’interface utilisateur pour effectuer un zoom |
Affichez les commandes d’interface utilisateur dans la barre d’application (par exemple+ et -), ou appuyez sur Ctrl et faites pivoter la roulette de la souris pour émuler les mouvements de pincement et d’étirement pour effectuer un zoom. |
Commandes d’interface utilisateur à faire pivoter |
Affichez les commandes de l’interface utilisateur dans la barre de l’application, ou appuyez sur Ctrl+Maj et faites pivoter la roulette de la souris pour émuler le mouvement de rotation. Faites pivoter l’appareil lui-même pour faire pivoter l’écran entier. |
Cliquez avec le bouton gauche et faites glisser pour réorganiser |
Cliquez avec le bouton gauche et faites glisser un élément pour le déplacer. |
Cliquez avec le bouton gauche et faites glisser pour sélectionner du texte |
Cliquez avec le bouton gauche dans le texte sélectionnable et faites-le glisser pour le sélectionner. Double-cliquez pour sélectionner un mot. |
Événements d’entrée de souris
La plupart des entrées de souris peuvent être gérées via les événements d’entrée routés courants pris en charge par tous les objets UIElement. Il s’agit notamment des paramètres suivants :
- BringIntoViewRequested
- CharacterReceived
- ContextCanceled
- ContextRequested
- Doubletapped
- DragEnter
- DragLeave
- DragOver
- DragStarting
- Supprimer
- DropCompleted
- GettingFocus
- GotFocus
- Holding
- KeyDown
- KeyUp
- LosingFocus
- LostFocus
- ManipulationCompleted
- ManipulationDelta
- ManipulationInertiaStarting
- ManipulationStarted
- ManipulationStarting
- NoFocusCandidateFound
- PointerCanceled
- PointerCaptureLost
- PointerEntered
- PointerExited
- PointerMoved
- PointerPressed
- PointerReleased
- PointerWheelChanged
- PreviewKeyDown
- PreviewKeyUp
- RightTapped
- Tapped
Toutefois, vous pouvez tirer parti des fonctionnalités spécifiques de chaque appareil (comme les événements de roulette de souris) à l’aide des événements de pointeur, de mouvement et de manipulation dans Windows.UI.Input.
Exemples : consultez notre exemple BasicInput, pour .
Recommandations en matière de retours visuels
- Lorsqu’une souris est détectée (par le biais d’événements de déplacement ou de pointage), affichez l’interface utilisateur spécifique à la souris pour indiquer les fonctionnalités exposées par l’élément. Si la souris ne se déplace pas pendant un certain temps ou si l’utilisateur lance une interaction tactile, faites disparaître progressivement l’interface utilisateur de la souris. Cela permet de conserver l’interface utilisateur propre et non-totalisé.
- N’utilisez pas le curseur pour les commentaires de pointage, les commentaires fournis par l’élément sont suffisants (voir Curseurs ci-dessous).
- N’affichez pas de commentaires visuels si un élément ne prend pas en charge l’interaction (par exemple, du texte statique).
- N’utilisez pas de rectangles de focus avec des interactions avec la souris. Réservez-les pour les interactions au clavier.
- Affichez simultanément les commentaires visuels pour tous les éléments qui représentent la même cible d’entrée.
- Fournissez des boutons (tels que + et -) pour simuler des manipulations tactiles telles que le mouvement panoramique, la rotation, le zoom, etc.
Pour obtenir des conseils plus généraux sur les commentaires visuels, consultez Recommandations en matière de commentaires visuels.
Curseurs
Un ensemble de curseurs standard est disponible pour un pointeur de souris. Elles sont utilisées pour indiquer l’action principale d’un élément.
Chaque curseur standard a une image par défaut correspondante associée. L’utilisateur ou une application peut remplacer l’image par défaut associée à n’importe quel curseur standard à tout moment. Spécifiez une image de curseur via la fonction PointerCursor.
Si vous devez personnaliser le curseur de la souris :
- Utilisez toujours le curseur de flèche () pour les éléments cliquables. n’utilisez pas le curseur pointant la main () pour les liens ou d’autres éléments interactifs. Utilisez plutôt des effets de pointage (décrits précédemment).
- Utilisez le curseur de texte () pour le texte sélectionnable.
- Utilisez le curseur de déplacement () lors du déplacement est l’action principale (par exemple, glisser ou rogner). N’utilisez pas le curseur de déplacement pour les éléments où l’action principale est la navigation (par exemple, les vignettes Démarrer).
- Utilisez les curseurs de redimensionnement horizontal, vertical et diagonal (, , , ), lorsqu’un objet est redimensionnable.
- Utilisez les curseurs de main saisis (, ) lors du panoramique du contenu dans un canevas fixe (par exemple, une carte).
Articles connexes
- Contrôler l’entrée du pointeur
- Identifier les périphériques d'entrée
- Vue d’ensemble des événements et des événements routés
Exemples
Windows developer