Ajouter une zone de liste, une liste déroulante ou des cases d’optionAdd a list box, a drop-down list, or radio buttons

PowerApps comprend des options de sélection multiple et de sélection unique, notamment une zone de liste, une liste déroulante et des cases d’option.PowerApps includes multi-select and single-select options, including a list box, a drop-down list, and radio buttons. Dans cette rubrique, nous allons ajouter ces contrôles et utiliser une formule Table pour créer les listes.In this topic, we add these controls and use a Table formula to build the lists. Lorsqu’un élément est sélectionné dans la liste, il met à jour les autres contrôles.When an item is selected in the list, it updates other controls.

Conditions préalablesPrerequisites

Ajouter une zone de listeAdd a list box

  1. Dans l’onglet Insert (Insertion), sélectionnez Controls (Contrôles), puis List box :On the Insert tab, select Controls, and then select List box:

  2. Affectez au contrôle List box le nom MyListBox :Rename the List box control to MyListBox:

  3. Définissez la propriété Items sur l’expression suivante :Set its Items property to the following expression:
    ["circle","triangle","rectangle"]

    Votre concepteur doit être semblable à ceci :Your designer looks similar to the following:

  4. Sous l’onglet Insert (Insertion), sélectionnez Icons (Icônes), puis sélectionnez le cercle et placez-le sous le contrôle List box :On the Insert tab, select Icons, select the circle, and move it under the List box control:

  5. Ajoutez un triangle et un rectangle, puis organisez les formes dans une ligne sous le contrôle List box :Add a triangle and a rectangle, and then arrange the shapes in a row under the List box control:

  6. Définissez la propriété Visible des formes suivantes sur les fonctions suivantes :Set the Visible property of the following shapes to the following functions:

    FormeShape Définissez la fonction Visible surSet Visible function to
    cerclecircle If("circle" in MyListBox.SelectedItems.Value, true)
    triangletriangle If("triangle" in MyListBox.SelectedItems.Value, true)
    rectanglerectangle If("rectangle" in MyListBox.SelectedItems.Value, true)
  7. Affichez un aperçu de ce que vous avez créé .Preview what you've created . Sélectionnez les différentes formes dans le contrôle List box.Select the different shapes in the List box control. Seules la ou les formes que vous sélectionnez s’affichent.Only the shape or shapes that you select appear. Appuyez sur Échap ou sélectionnez le symbole X pour revenir à l’écran.Press Esc or select the X to go back to your screen.

Dans ces étapes, vous avez utilisé une expression pour créer une liste d’éléments dans un contrôle List box.In these steps, you used an expression to create a list of items in a List box control. Selon les choix que vous avez effectués dans le contrôle List box, différentes formes s’affichent.Depending on what you choose in the List box control, different shapes are displayed. Vous pouvez appliquer ceci à d’autres éléments de votre activité.You can apply this to other elements within your business. Par exemple, vous pouvez utiliser un contrôle List box pour afficher des images de produits, des descriptions de produits, etc.For example, you can use a List box control to display product images, product descriptions, and so on.

Ajouter des cases d’optionAdd radio buttons

  1. Dans l’onglet Home (Accueil), sélectionnez New Screen (Nouvel écran).On the Home tab, select New Screen.

  2. Dans l’onglet Insert (Insertion), sélectionnez Controls (Contrôles), puis Radio.On the Insert tab, select Controls, and then select Radio.

  3. Attribuez au contrôle Radio le nom Choices et définissez sa propriété Items sur la formule suivante :Rename the Radio control to Choices, and set its Items property to this formula:
    ["red","green","blue"]

    Si nécessaire, redimensionnez le contrôle pour afficher toutes les options.If needed, resize the control to show all the options.

  4. Dans l’onglet Insert (Insertion), sélectionnez Icons (Icônes), puis sélectionnez le cercle.On the Insert tab, select Icons, and then select the circle.

  5. Définissez la propriété Fill du cercle sur la fonction suivante :Set the Fill property of the circle to the following function:
    If(Choices.Selected.Value = "red", RGBA(192, 0, 0, 1), Choices.Selected.Value = "green", RGBA(0, 176, 80, 1), Choices.Selected.Value = "blue", RGBA(0, 32, 96, 1))

    Dans cette formule, le cercle change de couleur en fonction de la case d’option que vous choisissez.In this formula, the circle changes its color depending on which radio button you choose.

  6. Déplacez le cercle sous le contrôle Radio, comme dans cet exemple :Move the circle under the Radio control, as in this example:

  7. Affichez un aperçu de ce que vous avez créé : .Preview what you've created: . Sélectionnez une autre case d’option pour changer la couleur du cercle.Select a different radio button to change the color of the circle. Appuyez sur Échap ou sélectionnez le symbole X pour revenir à l’écran.Press Esc or select the X to go back to your screen.

Ajouter une liste déroulanteAdd a drop-down list

  1. Ajoutez un écran, puis ajoutez un contrôle Drop down.Add a screen, and then add a Drop down control.

  2. Nommez le contrôle DDChoices et définissez sa propriété Items sur la formule suivante :Rename the control to DDChoices, and set its Items property to this formula:
    ["red","green","blue"]["red","green","blue"]

  3. Ajouter un cercle, déplacez-le sous le contrôle Drop down et définissez la propriété Fill du cercle sur la formule suivante :Add a circle, move it below the Drop down control, and set the circle's Fill property to this formula:
    If(DDChoices.Selected.Value = "red", RGBA(192, 0, 0, 1), DDChoices.Selected.Value = "green", RGBA(0, 176, 80, 1), DDChoices.Selected.Value = "blue", RGBA(0, 32, 96, 1))

  4. Affichez un aperçu de ce que vous avez créé : .Preview what you've created: . Sélectionnez les différentes options pour changer la couleur du cercle.Select the different options to change the color of the circle.