À retenir
- Sert à incrémenter ou décrémenter une valeur numérique.
- Garantit que la donnée saisie reste dans un format valide.
- Offre une alternative rapide à la saisie manuelle pour de petits ajustements.
Petit composant graphique d'une interface composé d'une zone de saisie et de deux petites flèches (haut/bas ou plus/moins). Il permet d'ajuster une valeur numérique par paliers successifs, à la manière d'un réglage de température sur un thermostat électronique.
Étymologie
Terme descriptif combinant « bouton » (élément cliquable) et « fléché » (indiquant la direction du changement). En anglais, on utilise couramment les termes spinner ou stepper.
Exemples d'usage
- Définir le nombre de copies à imprimer dans une boîte de dialogue.
- Ajuster la taille d'une police de caractères (ex: passer de 12 à 13 points).
- Indiquer le nombre de passagers lors de la réservation d'un billet de train.
Cas d'usage
Ce composant est privilégié dans les formulaires et les panneaux de configuration où l'utilisateur doit choisir une quantité précise. Il est particulièrement utile pour limiter la saisie à des nombres entiers ou des intervalles définis.
Bonnes pratiques
Il faut toujours permettre la saisie directe au clavier en plus du clic sur les flèches. Il est également crucial de définir des limites minimales et maximales pour éviter que l'utilisateur ne saisisse des valeurs aberrantes (comme un nombre d'articles négatif).
Synonymes
Antonymes
Conseil
Pour les développeurs débutants, n'utilisez ce composant que si l'écart entre le minimum et le maximum est raisonnable. Si l'utilisateur doit passer de 1 à 5000, cliquer 5000 fois sera frustrant ; prévoyez alors une saisie libre performante.
Questions fréquentes
Peut-on utiliser les flèches du clavier ?
Oui, la plupart des boutons fléchés répondent aux touches 'Haut' et 'Bas' du clavier une fois que le curseur est dans la zone.
Quelle est la différence avec un curseur de sélection (slider) ?
Le bouton fléché est plus précis pour choisir un chiffre exact, tandis que le curseur est mieux adapté pour une évaluation visuelle ou approximative (comme le volume sonore).