web-dev-qa-db-fra.com

Réglage avec case à cocher et curseur numérique, réduisez-le à un curseur uniquement

Je dois implémenter un curseur de plage de nombres pour un paramètre de largeur maximale . Par exemple, la valeur de curseur la plus basse est 500 et pour la plus élevée, je la mets à une valeur raisonnable de 3.000.

L'utilisateur choisit d'abord s'il veut ou non définir une valeur. Je pense à utiliser une case à cocher qui active/désactive le curseur. Si l'utilisateur ne voulait pas définir de valeur, le résultat est qu'il n'y a pas de largeur maximale, ce qui revient à dire que la largeur maximale est infinie.

Ma question: existe-t-il un moyen d'éviter l'utilisation de la case à cocher? Un moyen pourrait être de définir une valeur très élevée dans le curseur (par exemple 10 000). Mais cela rendrait le curseur difficile à utiliser pour les valeurs réelles.

1
Alvaro

Si l'utilisateur souhaite définir une valeur, avec une plage de valeurs entre 500 et 3000, il peut être difficile de naviguer vers une valeur précise (en particulier en essayant de faire glisser dans un environnement tactile mobile). Dans la plupart des cas, les zones de saisie seront plus efficaces, c'est donc quelque chose que vous pouvez envisager d'inclure dans le cadre de l'interface utilisateur ou même abandonner le curseur de plage en faveur des entrées.

Si la largeur précise n'a pas d'importance, considérez peut-être un curseur à plusieurs niveaux qui contient des jalons et dont le maximum est illimité. enter image description here

1
Poyi

Peut-être que quelque chose comme ça pourrait fonctionner:

Affichez la valeur minimale dans une entrée de texte désactivée et la valeur maximale avec 3000+ (indiquant plus de 3k).

Slider

1
William Martins