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
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
Last updated
