Ajout de curseurs (HTML)

[ Cet article est destiné aux développeurs Windows 8.x et Windows Phone 8.x qui créent des applications Windows Runtime. Si vous développez une application pour Windows 10, voir la Documentation ]

Utiliser des curseurs pour permettre aux utilisateurs de sélectionner une valeur comprise dans une plage continue.

Cette illustration montre un curseur dont la valeur actuelle est 61. L’indicateur à 61 est appelé le curseur de défilement. Lorsque les utilisateurs appuie sur le curseur de défilement, la valeur s’affiche dans une info-bulle. Lorsque les utilisateurs appuie sur la piste en continuum, le curseur de défilement saute à cet emplacement de la piste.

Graduations Les graduations s’affichent lorsque le curseur n’est pas défini pour autoriser les entrées continues granulaires à virgule flottante. Les graduations sont toujours des points d’ancrage auxquels les curseurs de défilement se rattachent, mais elles ne représentent pas forcément tous les points d’ancrage. Par exemple, un curseur à 100 étapes n’affichent pas 100 graduations si la largeur est seulement de 200 pixels ; les graduations seraient trop rapprochées. Si la distance entre deux graduations est inférieure à 19 pixels, l’une d’elles doit être sautée pour assurer un rendu correct.

La position par défaut est au-dessus de la piste en style horizontal et à gauche de la piste en style vertical. Vous pouvez remplacer la propriété CSS "display:none" pour que les graduations s’affichent de l’autre côté ou des deux côtés.

Vous pouvez également masquer les graduations en définissant "color:transparent", tout en conservant la zone dans laquelle les graduations sont censées s’afficher.

Contrôle de granularité La taille et la distance des flèches qui apparaissent sur la piste lorsque vous appuyez sur le curseur de défilement indiquent la granularité du mouvement du curseur. Plus l’utilisateur éloigne son doigt du curseur de défilement, plus ce dernier se déplace lentement par rapport au doigt.