Slider (curseur)

Le curseur est un excellent élément de l'UI (Interface Utilisateur) qui permet aux utilisateurs de sélectionner facilement une valeur dans une plage fixe de valeurs.

• Pour Commencer

• Style du Curseur

  • Modifier la taille du curseur

• Ajouter un Espacement

Pour commencer

Pour configurer un curseur, vous devez d'abord définir les valeurs minimales et maximales, la valeur initiale et les étapes progressives du curseur

Nous recommandons d'utiliser un Label (Etiquette) avec le Slider (Curseur) afin que les utilisateurs puissent obtenir un retour d'information immédiat sur la valeur qu'il ou elle fixe

Propriété	Description
Minimum Value	Valeur par défaut (0) ; valeur minimale et valeur la plus à gauche du curseur
Maximum Value	Valeur par défaut (100) ; valeur maximale et valeur la plus à droite du curseur
Value	Par défaut (0) ; valeur initiale du curseur
Step	Par défaut (0) ; Augmentations du curseur

Style du curseur

• Minimum Track Tint Color: Couleur de la piste de curseur à gauche du bouton

• Maximum Track Tint Color: Couleur de la piste de curseur à droite du bouton

• Thumb Tint Color (Android only): Couleur du bouton

• Border:

  • Width: Indiquez la largeur que vous souhaitez pour le contour de la bordure du curseur

  • Color: Choisissez une couleur pour la bordure du curseur

  • Style: Choisissez si vous souhaitez que la bordure soit en pointillés, en tirets ou en traits pleins

  • Radius: Indiquez le pourtour que vous souhaitez donner aux bords de la bordure pour le curseur

Modifier la taille du curseur

Vous pouvez définir la hauteur du curseur à l'aide de la propriété Height et sa largeur à l'aide de la propriété Width.

Height

• Fill container - Le curseur remplit tout l'écran verticalement

• Fit contents - La hauteur du curseur change pour s'adapter au contenu qu'il contient

• Relative size - Le curseur remplit le pourcentage spécifié de l'écran

• Absolute size - Dimensionne le curseur en fonction d'un nombre déterminé de pixels

Width

• Fill container - Le curseur remplit tout l'écran horizontalement

• Fit contents - La largeur du curseur change pour s'adapter au contenu qu'il contient

• Relative size - Le curseur remplit le pourcentage spécifié de l'écran

• Absolute - Dimensionne le curseur en fonction d'un nombre déterminé de pixels

Ajouter un espacement

Vous modifiez l'espacement et le positionnement du curseur avec les propriétés Margin (Marge) et Padding (Remplissage).

Margin

• Vous pouvez spécifier l'espace que vous souhaitez entre la bordure et le contenu de Slider en utilisant des valeurs en pixels ou en pourcentage.

Padding

• Vous pouvez spécifier l'espace que vous souhaitez entre les bords du curseur et l'écran en utilisant des valeurs en pixels ou en pourcentage