Interactions avec la souris
Optimisez la conception de votre application Windows pour l’entrée tactile et bénéficiez d’une prise en charge de base de la souris par défaut.
Les entrées de souris conviennent mieux aux interactions utilisateur qui demandent de la précision comme le pointage et le clic. Cette précision inhérente est naturellement prise en charge par l’interface utilisateur de Windows qui permet de gérer la nature imprécise de l’entrée tactile.
Les entrées tactiles et de la souris divergent en raison de la capacité de l’entrée tactile à émuler plus fidèlement la manipulation directe d’éléments d’interface utilisateur par le biais de mouvements physiques effectués directement sur ces objets (comme le balayage, le glissement, la rotation, etc.). Les manipulations avec une souris nécessitent généralement une autre affordance d’interface utilisateur, telle 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.
Langage de souris d’application UWP
Un ensemble concis d’interactions avec la souris est utilisé de façon uniforme dans l’ensemble du système.
Terme | Description |
---|---|
Pointer pour apprendre |
Pointez sur un élément pour afficher des informations détaillées ou des éléments visuels didactiques (tels qu’une info-bulle) ne requérant aucune action. |
Cliquer avec le bouton gauche pour effectuer l’action principale |
Cliquez avec le bouton gauche sur un élément pour appeler son action principale (par exemple, le lancement d’une application ou l’exécution d’une commande). |
Faire défiler l’affichage pour changer de vue |
Affichez des barres de défilement pour monter, descendre, aller à gauche et à droite dans une zone de contenu. Les utilisateurs peuvent faire défiler l’affichage en cliquant sur les barres de défilement ou en actionnant la roulette de la souris. Les barres de défilement peuvent indiquer l’emplacement de la vue actuelle dans la zone de contenu (un mouvement panoramique avec interaction tactile affiche une interface utilisateur similaire). |
Cliquer avec le bouton droit pour sélectionner une commande |
Cliquez avec le bouton droit sur la barre de navigation (si elle est disponible) et la barre de l’application avec des commandes globales. Cliquez avec le bouton droit sur un élément pour le sélectionner et afficher la barre de l’application contenant des commandes contextuelles pour l’élément sélectionné.
Note Cliquez avec le bouton droit pour afficher un menu contextuel si les commandes de sélection ou de barre d’application ne sont pas des comportements d’interface utilisateur appropriés. Toutefois, nous vous recommandons vivement d’utiliser la barre de l’application pour tous les comportements des commandes.
|
Commandes d’interface utilisateur pour le zoom |
Affichez des commandes d’interface utilisateur dans la barre de l’application (telles que + et -) ou appuyez sur Ctrl et actionnez la roulette de la souris pour émuler des mouvements de pincement et d’étirement pour le zoom. |
Commandes d’interface utilisateur pour la rotation |
Affichez des commandes d’interface utilisateur dans la barre de l’application ou appuyez sur Ctrl+Maj et actionnez la roulette de la souris pour émuler un mouvement de rotation. Faites pivoter l’appareil lui-même pour faire pivoter l’écran tout entier. |
Cliquer avec le bouton gauche et faire glisser pour réorganiser |
Cliquez avec le bouton gauche sur un élément et faites-le glisser pour le déplacer. |
Cliquer avec le bouton gauche et faire glisser pour sélectionner du texte |
Cliquez avec le bouton gauche dans du texte sélectionnable et faites glisser le curseur pour sélectionner du texte. 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
- Faire glisserDémarrage
- Goutte
- 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.
Échantillons: Consultez notre exemple BasicInput pour .
Recommandations en matière de retour visuel
- Quand des événements de déplacement ou de pointage permettent de détecter une souris, affichez une interface utilisateur propre à la souris pour indiquer les fonctionnalités exposées par l’élément. Si la souris ne bouge pas pendant un certain temps ou si l’utilisateur commence une interaction tactile, estompez progressivement l’interface utilisateur de la souris. Cela maintient l’interface utilisateur propre et aérée.
- N’utilisez pas le curseur pour le retour de pointage, car le retour fourni par l’élément est suffisant (voir la section Curseurs, ci-dessous).
- N’affichez pas de retour visuel si un élément ne prend pas en charge l’interaction (tel que le texte statique).
- N’utilisez pas de rectangles de sélection avec les interactions avec la souris. Réservez ceux-ci aux interactions avec le clavier.
- Affichez un retour visuel simultanément pour tous les éléments qui représentent la même cible d’entrée.
- Fournissez des boutons (tels que + et -) pour émuler des manipulations tactiles, telles que le mouvement panoramique, la rotation, le zoom, etc.
Pour obtenir des recommandations plus générales sur le retour visuel, voir Recommandations en matière de retour visuel.
Curseurs
Un ensemble de curseurs standard est disponible pour servir de pointeurs de souris. Ces derniers sont utilisés pour indiquer l’action principale d’un élément.
Chaque curseur standard possède une image par défaut correspondante qui lui est associée. L’utilisateur ou une application peut remplacer à tout moment l’image par défaut associée à n’importe quel curseur standard. Spécifiez une image de curseur via la fonction PointerCursor .
Si vous avez besoin de personnaliser le curseur de la souris :
- Utilisez toujours le curseur de flèche () pour les éléments cliquables. n’utilisez pas le curseur de la main pointante () pour les liens ou d’autres éléments interactifs. À la place, utilisez les effets de pointage (décrits précédemment).
- Utilisez le curseur de texte () pour le texte sélectionnable.
- Utilisez le curseur de déplacement () lorsque le déplacement est l’action principale (par exemple, glisser ou rogner). N’utilisez pas le curseur de déplacement pour des éléments lorsque l’action principale correspond à une navigation (tels que les vignettes de l’écran de démarrage).
- Utilisez les curseurs de redimensionnement horizontal, vertical et diagonal (, , , curseur de ), lorsqu’un objet est redimensionnable.
- Utilisez les curseurs de main de et ) lors du mouvement panoramique du contenu dans un canevas fixe (par exemple, une carte).
Articles connexes
- Gestion des entrées du pointeur
- Identification des périphériques d’entrée
- Vue d’ensemble des événements et des événements routés
Exemples
Windows developer
Commentaires
https://aka.ms/ContentUserFeedback.
Bientôt disponible : Tout au long de 2024, nous allons supprimer progressivement GitHub Issues comme mécanisme de commentaires pour le contenu et le remplacer par un nouveau système de commentaires. Pour plus d’informations, consultezEnvoyer et afficher des commentaires pour