Contrôle Drop down dans PowerAppsDrop down control in PowerApps

Une liste qui affiche uniquement le premier élément, sauf si l’utilisateur l’ouvre.A list that shows only the first item unless the user opens it.

DescriptionDescription

Un contrôle Drop down conserve l’état actuel de l’écran, en particulier lorsque la liste contient un grand nombre de choix.A Drop down control conserves screen real estate, especially when the list contains a large number of choices. Le contrôle occupe une seule ligne, sauf si l’utilisateur sélectionne le chevron pour afficher plus de choix.The control takes up only one line unless the user selects the chevron to reveal more choices.

Principales propriétésKey properties

Default : valeur initiale d’un contrôle avant sa modification par l’utilisateur.Default – The initial value of a control before it is changed by the user.

Items : source de données qui apparaît dans un contrôle comme une galerie, une liste ou un graphique.Items – The source of data that appears in a control such as a gallery, a list, or a chart.

Items The source of data that appears in a control such as a gallery, a list, or a chart.

When you add a gallery, a list, or a chart, the property list shows Items by default so that you can easily specify the data that the new control should show. For example, you might set the Items property of a gallery to the Account table in Salesforce, a table named Inventory that you created in Excel and uploaded to the cloud, or a SharePoint list named ConferenceSpeakers.

Selected : l’élément sélectionné.Selected – The selected item.

Propriétés supplémentairesAdditional properties

BorderColor : couleur de bordure du contrôle.BorderColor – The color of a control's border.

BorderStyle : indique si la bordure d’un contrôle est unie, discontinue, en pointillés ou s’il n’y en a aucune.BorderStyle – Whether a control's border is Solid, Dashed, Dotted, or None.

BorderThickness : épaisseur de bordure d’un contrôle.BorderThickness – The thickness of a control's border.

FocusedBorderThickness : épaisseur de la bordure d’un contrôle, lorsqu’elle a le focus clavier.FocusedBorderThickness – The thickness of the control's border when it has keyboard focus.

ChevronBackground : couleur derrière la flèche vers le bas dans une liste déroulante.ChevronBackground – The color behind the down arrow in a dropdown list.

ChevronFill : couleur de la flèche vers le bas dans une liste déroulante.ChevronFill – The color of the down arrow in a dropdown list.

Color : couleur du texte dans un contrôle.Color – The color of text in a control.

DisplayMode : indique si le contrôle autorise l’entrée d’un utilisateur (Edit), affiche uniquement les données (View) ou est désactivé (Disabled).DisplayMode – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).

DisabledBorderColor : couleur de bordure d’un contrôle si sa propriété DisplayMode est définie sur Disabled.DisabledBorderColor – The color of a control's border if the control's DisplayMode property is set to Disabled.

DisabledColor : couleur du texte d’un contrôle si sa propriété DisplayMode est définie sur Disabled.DisabledColor – The color of text in a control if its DisplayMode property is set to Disabled.

DisabledFill : couleur d’arrière-plan d’un contrôle si sa propriété DisplayMode est définie sur Disabled.DisabledFill – The background color of a control if its DisplayMode property is set to Disabled.

Fill : couleur d’arrière-plan d’un contrôle.Fill – The background color of a control.

Font : nom de la famille de polices dans laquelle le texte s’affiche.Font – The name of the family of fonts in which text appears.

FontWeight : épaisseur du texte dans un contrôle : Gras, Semibold, Normal ou Plus claire.FontWeight – The weight of the text in a control: Bold, Semibold, Normal, or Lighter.

Height : distance entre le haut et le bas d’un contrôle.Height – The distance between a control's top and bottom edges.

HoverBorderColor : couleur de bordure d’un contrôle lorsque l’utilisateur maintient le pointeur de la souris sur ce contrôle.HoverBorderColor – The color of a control's border when the user keeps the mouse pointer on that control.

HoverColor : couleur du texte d’un contrôle lorsque l’utilisateur maintient le pointeur de la souris sur ce contrôle.HoverColor – The color of the text in a control when the user keeps the mouse pointer on it.

HoverFill : couleur d’arrière-plan d’un contrôle lorsque l’utilisateur maintient le pointeur de la souris sur ce contrôle.HoverFill – The background color of a control when the user keeps the mouse pointer on it.

Italic : indique si le texte d’un contrôle est en italique.Italic – Whether the text in a control is italic.

OnChange : indique comment l’application répond quand l’utilisateur modifie la valeur d’un contrôle (par exemple, en ajustant un curseur).OnChange – How the app responds when the user changes the value of a control (for example, by adjusting a slider).

OnSelect : comment l’application répond quand l’utilisateur appuie ou clique sur un contrôle.OnSelect – How the app responds when the user taps or clicks a control.

PaddingBottom : distance entre le texte d’un contrôle et le bord inférieur de ce contrôle.PaddingBottom – The distance between text in a control and the bottom edge of that control.

PaddingLeft : distance entre le texte d’un contrôle et le bord gauche de ce contrôle.PaddingLeft – The distance between text in a control and the left edge of that control.

PaddingRight : distance entre le texte d’un contrôle et le bord droit de ce contrôle.PaddingRight – The distance between text in a control and the right edge of that control.

PaddingTop : distance entre le texte d’un contrôle et le bord supérieur de ce contrôle.PaddingTop – The distance between text in a control and the top edge of that control.

PressedBorderColor : couleur de bordure d’un contrôle lorsque l’utilisateur appuie ou clique dessus.PressedBorderColor – The color of a control's border when the user taps or clicks that control.

PressedColor : couleur de texte d’un contrôle lorsque l’utilisateur appuie ou clique dessus.PressedColor – The color of text in a control when the user taps or clicks that control.

PressedFill : couleur d’arrière-plan d’un contrôle lorsque l’utilisateur appuie ou clique dessus.PressedFill – The background color of a control when the user taps or clicks that control.

Reset : indique si un contrôle revient à sa valeur par défaut.Reset – Whether a control reverts to its default value.

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.SelectionColor – The text color of a selected item or items in a list or the color of the selection tool in a pen control.

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.SelectionFill – The background color of a selected item or items in a list or a selected area of a pen control.

Size : taille de police du texte qui apparaît sur un contrôle.Size – The font size of the text that appears on a control.

Strikethrough : indique si une ligne s’affiche sur le texte qui apparaît sur un contrôle.Strikethrough – Whether a line appears through the text that appears on a control.

TabIndex : personnalise l’ordre de tabulation des contrôles lors de l’exécution si la valeur définie est différente de zéro.TabIndex – Customizes the tab order of controls at runtime when set to a non-zero value.

Tooltip : texte explicatif qui s’affiche lorsque l’utilisateur pointe sur un contrôle.Tooltip – Explanatory text that appears when the user hovers over a control.

Underline : indique si une ligne s’affiche sous le texte qui apparaît sur un contrôle.Underline – Whether a line appears under the text that appears on a control.

Visible : indique si un contrôle est visible ou est masqué.Visible – Whether a control appears or is hidden.

Width : distance entre les côtés droit et gauche d’un contrôle.Width – The distance between a control's left and right edges.

X : distance entre le bord gauche d’un contrôle et le bord gauche de son conteneur parent (ou l’écran s’il n’y a pas de conteneur parent).X – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).

Y : distance entre le bord supérieur d’un contrôle et le bord supérieur du conteneur parent (ou l’écran s’il n’y a pas de conteneur parent).Y – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).

ExempleExample

  1. Ajoutez un contrôle Button, puis définissez sa propriété Text sur Collect.Add a Button control, and set its Text property to show Collect.

    Vous ne savez pas comment ajouter, nommer et configurer un contrôle ?Don't know how to add, name, and configure a control?

  2. Définissez la propriété OnSelect du contrôle Button sur la formule suivante :Set the OnSelect property of the Button control to this formula:
    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})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 voulez des informations supplémentaires sur les fonctions ClearCollect ou d’autres fonctions ?Want more information about the ClearCollect function or other functions?

  3. Appuyez sur F5, cliquez ou appuyez sur le contrôle Button, puis appuyez sur ÉCHAP.Press F5, click or tap the Button control, and then press Esc.
  4. Ajouter un contrôle Drop down, nommez-le Countries et définissez sa propriété Items sur cette formule :Add a Drop down control, name it Countries, and set its Items property to this formula:
    Distinct(CityPopulations, Country)Distinct(CityPopulations, Country)
  5. Ajoutez un contrôle Text gallery dans l’orientation verticale/potrait et définissez sa propriété Items sur cette formule :Add a Text gallery control in vertical/portrait orientation, and set its Items property to this formula:
    Filter(CityPopulations, Countries.Selected.Value in Country)Filter(CityPopulations, Countries.Selected.Value in Country)
  6. Dans le premier élément du contrôle Text gallery, définissez la propriété Text du contrôle Label du haut sur ThisItem.City, puis supprimez le contrôle Label du bas.In the first item of the Text gallery control, set the Text property of the upper Label control to ThisItem.City, and delete the bottom Label control.
  7. Définissez la propriété TemplateSize du contrôle Text gallery sur 80.Set the TemplateSize property of the Text gallery control to 80.
  8. Appuyez sur F5, cliquez ou appuyez sur le chevron dans la liste Countries, puis choisissez une option dans cette liste.Press F5, click or tap the chevron in the Countries list, and then choose an option in that list.

    Le contrôle Text gallery affiche uniquement les villes du pays que vous avez choisi.The Text gallery control shows only those cities in the country that you chose.