Contrôle curseur dans Power Apps

Contrôle avec lequel l’utilisateur peut spécifier une valeur en faisant glisser une poignée.

Descriptif

L’utilisateur peut indiquer une valeur, entre une valeur minimale et une valeur maximale que vous spécifiez, en faisant glisser la poignée d’un curseur vers la gauche ou vers le bas, selon la direction que vous choisissez.

Propriétés principales

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

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

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

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

Propriétés supplémentaires

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

BorderColor : couleur de la bordure d’un contrôle.

BorderStyle : indique si la bordure d’un contrôle est Solid, Dashed, Dotted ou None.

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

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

DisabledBorderColor : couleur de la bordure d’un contrôle si la propriété DisplayMode du contrôle a la valeur Disabled.

FocusBorderColor : couleur de la bordure d’un contrôle lorsque le contrôle est concentré.

FocusBorderThickness : épaisseur de la bordure d’un contrôle lorsque le contrôle est concentré.

HandleActiveFill : couleur du handle d’un curseur lorsque l’utilisateur modifie sa valeur.

HandleFill : couleur du handle (élément qui change de position) dans un contrôle bascule ou curseur.

HandleHoverFill : couleur de la poignée dans un curseur lorsque l’utilisateur conserve le pointeur de la souris dessus.

HandleSize : diamètre de la poignée.

Hauteur : distance entre les bords supérieurs et inférieurs d’un contrôle.

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

Disposition : que l’utilisateur défile dans une galerie ou ajuste un curseur en haut en bas (Vertical) ou 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 la bordure d’un contrôle lorsque l’utilisateur appuie ou clique sur ce contrôle.

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

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

ReadOnly : indique si un utilisateur peut modifier la valeur d’un curseur ou d’un contrôle d’évaluation.

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

ShowValue : indique si la valeur d’un curseur ou de l’évaluation apparaît lorsque l’utilisateur modifie cette valeur ou pointe sur le contrôle.

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

Info-bulle : 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 bascule lorsque sa valeur est true ou la couleur de la ligne à gauche de la poignée dans un contrôle de curseur.

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

Visible : indique si un contrôle apparaît ou est masqué.

Largeur : distance entre les bords gauche et droit d’un contrôle.

X : distance entre le bord gauche d’un contrôle et le bord gauche de son conteneur parent (écran si aucun conteneur parent).

Y : distance entre le bord supérieur d’un contrôle et le bord supérieur du conteneur parent (écran si aucun conteneur parent).

Fonctions associées

Sum( Value1, Value2 )

Example

1. Ajoutez un bouton et définissez sa propriété OnSelect sur cette formule :
   ClearCollect(CityPopulations, {City :"London », Country :"United Kingdom », Population :8615000}, {City :"Berlin », Country :"Germany », Population :3562000}, {City :"Madrid », Country :"Spain », Population :3165000}, {City :"Rome », Pays :"Italie », Population :2874000}, {City :"Paris », Country :"France », Population :2273000}, {City :"Hambourg », Country :"Germany », Population :176000}, {City :"Barcelone », Country :"Espagne », Population :1602000}, {City :"Munich », Country :"Germany », Population :"Allemagne »,:1494000}, {City :"Milan », Country :"Italy », Population :1344000})

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

   Vous souhaitez plus d’informations sur la fonction ClearCollect ou d’autres fonctions ?

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

3. Ajoutez un curseur, déplacez-le sous le 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 cette formule :
   Filter(CityPopulations, Population > MinPopulation)

6. Dans le premier élément de la galerie, définissez la propriété Text de l’étiquette supérieure sur ThisItem.City et définissez la propriété Text de l’étiquette inférieure sur cette formule :
   Text(ThisItem.Population, « ##,### »)

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

8. Pour revenir à l’espace de travail par défaut, appuyez sur Échap.

Conseils sur l’accessibilité

Contraste des couleurs

Il doit y avoir un contraste de couleur adéquat entre :

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

Prise en charge du lecteur d’écran

• AccessibleLabel doit être présent.

Prise en charge du clavier

• TabIndex doit être égal à zéro ou supérieur afin que les utilisateurs du clavier puissent y accéder.
• Les indicateurs de focus doivent être clairement visibles. Utilisez FocusBorderColor et FocusBorderThickness pour y parvenir.
• La valeur du curseur doit être affichée lors de l’interaction avec le clavier. Pour ce faire, vous pouvez effectuer l’une des méthodes suivantes :
  • Définissez ShowValue sur true.
  • Ajoutez une étiquette adjacente au curseur. Définissez le texte de l’étiquette sur la valeur du curseur.