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. Dans cette rubrique, nous allons ajouter ces contrôles et utiliser une formule Table pour créer les listes. Lorsqu’un élément est sélectionné dans la liste, il met à jour les autres contrôles.

 

Conditions préalables

Ajouter une zone de liste

  1. Dans l’onglet Insert (Insertion), sélectionnez Controls (Contrôles), puis List box :

  2. Affectez au contrôle List box le nom MyListBox :

  3. Définissez la propriété Items sur l’expression suivante :
    ["circle","triangle","rectangle"]

    Votre concepteur doit être semblable à ceci :

  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 :

  5. Ajoutez un triangle et un rectangle, puis organisez les formes dans une ligne sous le contrôle List box :

  6. Définissez la propriété Visible des formes suivantes sur les fonctions suivantes :

    Forme Définissez la fonction Visible sur
    cercle If("circle" in MyListBox.SelectedItems.Value, true)
    triangle If("triangle" in MyListBox.SelectedItems.Value, true)
    rectangle If("rectangle" in MyListBox.SelectedItems.Value, true)
  7. Affichez un aperçu de ce que vous avez créé . Sélectionnez les différentes formes dans le contrôle List box. Seules la ou les formes que vous sélectionnez s’affichent. Appuyez sur Échap ou sélectionnez le symbole X pour revenir à l’écran.

Dans ces étapes, vous avez utilisé une expression pour créer une liste d’éléments dans un contrôle List box. Selon les choix que vous avez effectués dans le contrôle List box, différentes formes s’affichent. Vous pouvez appliquer ceci à d’autres éléments de votre activité. Par exemple, vous pouvez utiliser un contrôle List box pour afficher des images de produits, des descriptions de produits, etc.

Ajouter des cases d’option

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

  2. Dans l’onglet Insert (Insertion), sélectionnez Controls (Contrôles), puis Radio.

  3. Attribuez au contrôle Radio le nom Choices et définissez sa propriété Items sur la formule suivante :
    ["red","green","blue"]

    Si nécessaire, redimensionnez le contrôle pour afficher toutes les options.

  4. Dans l’onglet Insert (Insertion), sélectionnez Icons (Icônes), puis sélectionnez le cercle.

  5. Définissez la propriété Fill du cercle sur la fonction suivante :
    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.

  6. Déplacez le cercle sous le contrôle Radio, comme dans cet exemple :

  7. Affichez un aperçu de ce que vous avez créé : . Sélectionnez une autre case d’option pour changer la couleur du cercle. Appuyez sur Échap ou sélectionnez le symbole X pour revenir à l’écran.

Ajouter une liste déroulante

  1. Ajoutez un écran, puis ajoutez un contrôle Drop down.

  2. Nommez le contrôle DDChoices et définissez sa propriété Items sur la formule suivante :
    ["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 :
    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éé : . Sélectionnez les différentes options pour changer la couleur du cercle.