Contrôle Liste déroulante dans Power Apps

Une liste qui affiche uniquement le premier élément, sauf si l’utilisateur l’ouvre.

Description

Un contrôle Liste déroulante conserve l’état actuel de l’écran, en particulier lorsque la liste contient un grand nombre de choix. Le contrôle occupe une seule ligne, sauf si l’utilisateur sélectionne le chevron pour afficher plus de choix. Le contrôle affiche un maximum de 500 éléments.

Propriétés clés

Default  : valeur initiale d’un contrôle, avant que l’utilisateur ne spécifie une autre valeur.

Items  : source de données qui contient les éléments qui apparaissent dans le contrôle. Si la source comprend plusieurs colonnes, définissez la propriété Value du contrôle sur la colonne de données que vous souhaitez afficher.

Value : colonne de données que vous souhaitez afficher dans le contrôle (si une source de données comprend plusieurs colonnes, par exemple).

Selected : enregistrement de données qui représente l’élément sélectionné.

AllowEmptySelection : indique si le contrôle affiche une sélection vide si aucun élément n’a été sélectionné. Les utilisateurs de l’application peuvent également effacer leurs choix en sélectionnant l’élément vide.

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.

ChevronBackground : couleur derrière la flèche vers le bas dans une liste déroulante.

ChevronFill : couleur de la flèche vers le bas dans une liste déroulante.

Color  : couleur du texte dans 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.

DisabledColor  : couleur du texte d’un contrôle si sa propriété DisplayMode est définie sur Disabled.

DisabledFill  : couleur d’arrière-plan d’un contrôle si sa propriété DisplayMode est définie sur Disabled.

Fill  : couleur d’arrière-plan d’un contrôle.

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.

Font  : nom de la famille de polices dans laquelle le texte s’affiche.

FontWeight  : épaisseur du texte dans un contrôle : Gras, Semibold, Normal ou Plus claire.

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.

HoverColor  : couleur du texte d’un contrôle lorsque l’utilisateur maintient le pointeur de la souris sur ce contrôle.

HoverFill  : couleur d’arrière-plan d’un contrôle lorsque l’utilisateur maintient le pointeur de la souris sur ce contrôle.

Italic  : indique si le texte d’un contrôle est en italique.

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.

PaddingBottom  : distance entre le texte d’un contrôle et le bord inférieur de ce contrôle.

PaddingLeft  : distance entre le texte d’un contrôle et le bord gauche de celui-ci.

PaddingRight  : distance entre le texte d’un contrôle et le bord droit de celui-ci.

PaddingTop  : distance entre le texte d’un contrôle et le bord supérieur de ce contrôle.

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

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

PressedFill  : couleur d’arrière-plan d’un contrôle lorsque l’utilisateur appuie ou clique dessus.

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

SelectedText (déprécié)  : valeur de chaîne qui représente l’élément sélectionné. Utilisez Dropdown1.SelectedText.Value à la place, en remplaçant "Dropdown1" par le nom du contrôle déroulant dans l’application.

SelectionColor  : couleur de texte des éléments sélectionnés dans une liste ou couleur de l’outil de sélection dans un contrôle Pen.

SelectionFill  : couleur d’arrière-plan des éléments sélectionnés dans une liste ou d’une zone sélectionnée d’un contrôle Pen.

Size  : taille de police du texte qui apparaît sur un contrôle.

Barré  : indique si une ligne s’affiche sur le texte qui apparaît sur un contrôle.

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

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

Underline  : indique si une ligne s’affiche sous le texte qui apparaît sur un contrôle.

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).

Exemples

Liste simple

1. Ajoutez un contrôle Liste déroulante, puis définissez sa propriété Items sur cette expression :

   ["Seattle", "Tokyo", "London", "Johannesburg", "Rio de Janeiro"]

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

2. Affichez les éléments de la liste en sélectionnant la flèche vers le bas du contrôle, tout en maintenant la touche Alt enfoncée.

Liste provenant d’une source de données

Les principes de cette procédure s’appliquent aux sources de données qui fournissent des tables. Toutefois, pour suivre ces étapes à la lettre, vous devez ouvrir un environnement dans lequel une base de données Microsoft Dataverse a été créée et à laquelle des exemples de données ont été ajoutés.

1. Ouvrez une application vide, puis spécifiez la table Comptes.

2. Ajoutez un contrôle Liste déroulante, puis définissez sa propriété Items selon cette formule :

   Distinct(Accounts, 'Address 1: City')

   Cette formule montre toutes les villes de la table Comptes. Si plusieurs enregistrements partagent une même ville, la fonction Distinct masque la duplication dans votre liste déroulante.

3. (Facultatif) Remplacez le nom de votre contrôle Liste déroulante par Cities, ajoutez un contrôle Galerie vertical, puis définissez la propriété Items de la galerie selon la formule suivante :

   Filter(Accounts, address1_city = Cities.Selected.Result)

   Cette fonction Filter affiche uniquement les enregistrements de la table Comptes dont la ville correspond à la valeur sélectionnée dans le contrôle Cities.

Instructions d’accessibilité

Contraste des couleurs

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

• ChevronFill et ChevronBackground
• ChevronHoverFill et ChevronHoverBackground
• SelectionColor et SelectionFill
• SelectionFill et Fill

Ceci s’ajoute à la configuration requise du contraste des couleurs.

Prise en charge du lecteur d’écran

• AccessibleLabel doit être présent.

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.