Contrôle Slider dans Power Apps

Contrôle qui permet à l’utilisateur de spécifier une valeur en faisant glisser une poignée.

Description

L’utilisateur peut indiquer une valeur, comprise entre une valeur minimale et une valeur maximale que vous spécifiez, en faisant glisser la poignée d’un curseur de gauche à droite ou de haut en bas, en fonction de la direction que vous choisissez.

Propriétés clés

Default  : valeur initiale d’un contrôle avant sa modification par l’utilisateur.

Max : la valeur maximale sur laquelle l’utilisateur peut définir un curseur ou une évaluation.

Min : la valeur minimale sur laquelle l’utilisateur peut définir un curseur.

Value  : valeur d’un contrôle d’entrée.

Propriétés supplémentaires

AccessibleLabel  : étiquette pour les lecteurs d’écran.

BorderColor  : couleur de bordure du contrôle.

BorderStyle  : indique si la bordure d’un contrôle est unie, discontinue, en pointillés ou s’il n’y en a aucune.

BorderThickness  : épaisseur de bordure d’un contrôle.

DisplayMode  : indique si le contrôle autorise l’entrée utilisateur (Edit), affiche uniquement les données (View) ou est désactivé (Disabled).

DisabledBorderColor  : couleur de bordure d’un contrôle si sa propriété DisplayMode est définie sur Disabled.

FocusedBorderColor  : couleur de bordure d’un contrôle lorsque le contrôle est actif.

FocusedBorderThickness  : épaisseur de bordure d’un contrôle lorsque le contrôle est actif.

HandleActiveFill : couleur de la poignée pour un curseur à mesure que l’utilisateur modifie sa valeur.

HandleFill : couleur de la poignée (l’élément qui change de position) dans un contrôle Toggle ou Slider.

HandleHoverFill : couleur de la poignée dans un contrôle Slider lorsque l’utilisateur maintient le pointeur de la souris sur celui-ci.

HandleSize : le diamètre de la poignée.

Height  : distance entre le haut et le bas d’un contrôle.

HoverBorderColor  : couleur de bordure d’un contrôle lorsque l’utilisateur maintient le pointeur de la souris sur ce contrôle.

Layout : indique si l’utilisateur parcoure une galerie ou ajuste un curseur de haut en bas (Vertical) ou de gauche à droite (Horizontal).

OnChange – Actions à effectuer lorsque l’utilisateur modifie la valeur d’un contrôle (par exemple, en ajustant un curseur).

OnSelect – Actions à effectuer lorsque l’utilisateur appuie ou clique sur un contrôle.

PressedBorderColor  : couleur de bordure d’un contrôle lorsque l’utilisateur appuie ou clique dessus.

RailFill : couleur d’arrière-plan du rectangle dans un contrôle Toggle lorsque sa valeur est false ou la couleur de la ligne à droite de la poignée d’un contrôle Slider.

RailHoverFill :lorsque vous pointez sur un contrôle Toggle ou un curseur, la couleur d’arrière-plan du rectangle dans un contrôle Toggle lorsque sa valeur est false ou la couleur de la ligne à droite de la poignée d’un contrôle Slider.

ReadOnly : indique si un utilisateur peut modifier la valeur d’un contrôle Slider ou Rating.

Reset  : indique si un contrôle revient à sa valeur par défaut.

ShowValue : indique si une valeur de curseur ou d’évaluation s’affiche à mesure que l’utilisateur change cette valeur ou pointe sur le contrôle.

TabIndex  : ordre de navigation à l’aide du clavier par rapport à d’autres contrôles.

Tooltip  : texte explicatif qui s’affiche lorsque l’utilisateur pointe sur un contrôle.

ValueFill : couleur d’arrière-plan du rectangle dans un contrôle Toggle lorsque sa valeur est true ou la couleur de la ligne à gauche de la poignée d’un contrôle Slider.

ValueHoverFill : lorsque vous maintenez le pointeur de la souris sur un contrôle Toggle ou un curseur, la couleur d’arrière-plan du rectangle dans un contrôle Toggle lorsque sa valeur est true ou la couleur de la ligne à droite de la poignée d’un contrôle Slider.

Visible  : indique si un contrôle est visible ou est masqué.

Width  : distance entre les côtés droit et gauche d’un contrôle.

X  : distance entre le bord gauche d’un contrôle et le bord gauche de son conteneur parent (ou de l’écran à défaut de conteneur parent).

Y  : distance entre le bord supérieur d’un contrôle et le bord supérieur du conteneur parent (ou de l’écran à défaut de conteneur parent).

Sum( Value1, Value2 )

Exemple

  1. Ajoutez un bouton, puis définissez sa propriété OnSelect sur la formule suivante :
    ClearCollect(CityPopulations, {City:"London", Country:"United Kingdom", Population:8615000}, {City:"Berlin", Country:"Germany", Population:3562000}, {City:"Madrid", Country:"Spain", Population:3165000}, {City:"Rome", Country:"Italy", Population:2874000}, {City:"Paris", Country:"France", Population:2273000}, {City:"Hamburg", Country:"Germany", Population:1760000}, {City:"Barcelona", Country:"Spain", Population:1602000}, {City:"Munich", Country:"Germany", Population:1494000}, {City:"Milan", Country:"Italy", Population:1344000})

    Vous ne savez pas comment ajouter, nommer et configurer un contrôle ?

    Vous voulez des informations supplémentaires sur les fonctions ClearCollect ou d’autres fonctions ?

  2. Appuyez sur F5, sélectionnez le bouton, puis appuyez sur Échap.

  3. Ajoutez un curseur, déplacez-le au-dessous du bouton et nommez le curseur MinPopulation.

  4. Définissez la propriété Max du curseur sur 5000000 et sa propriété Min sur 1000000.

  5. Ajoutez une galerie de texte en orientation verticale/portrait, déplacez-la sous le curseur et définissez la propriété Items de la galerie sur la formule suivante :
    Filter(CityPopulations, Population > MinPopulation)

  6. Dans le premier élément de la galerie, définissez la propriété Texte de l’étiquette sur ThisItem.City et définissez la propriété Text de l’étiquette du bas sur la formule suivante :
    Text(ThisItem.Population, "##,###")

  7. Appuyez sur F5, puis ajustez la valeur MinPopulation pour afficher uniquement les villes ayant une population supérieure à la valeur que vous spécifiez.

  8. Appuyez sur Échap pour revenir à l’espace de travail par défaut.

Instructions d’accessibilité

Contraste des couleurs

Il doit exister un contraste des couleurs adéquat entre :

  • ValueFill et RailFill
  • ValueHoverFill et RailHoverFill
  • FocusedBorderColor et la couleur en dehors du contrôle
  • ValueFill et la couleur d’arrière-plan
  • RailFill et la couleur d’arrière-plan
  • ValueHoverFill et la couleur d’arrière-plan
  • RailHoverFill et la couleur d’arrière-plan

Prise en charge du lecteur d’écran

Prise en charge du clavier

  • TabIndex doit être égal ou supérieur à zéro afin que les utilisateurs du clavier puissent y accéder.
  • Les indicateurs de focus doivent être clairement visibles. Pour ce faire, utilisez FocusedBorderColor et FocusedBorderThickness.
  • La valeur du curseur doit être affichée lors de l’interaction avec le clavier. Cela peut être obtenu par l’une des méthodes suivantes :
    • Définissez ShowValue sur true.
    • Ajoutez une Label adjacente au curseur. Définissez le Text de l’étiquette sur la Value du curseur.

Notes

Pouvez-vous nous indiquer vos préférences de langue pour la documentation ? Répondez à un court questionnaire. (veuillez noter que ce questionnaire est en anglais)

Le questionnaire vous prendra environ sept minutes. Aucune donnée personnelle n’est collectée (déclaration de confidentialité).