Hinzufügen von Listenfeldern, Dropdownlisten oder OptionsfeldernAdd a list box, a drop-down list, or radio buttons

PowerApps bietet Mehrfachauswahl- und Einfachauswahl-Optionen; hierzu zählen ein Listenfeld, eine Dropdownliste und Optionsfelder.PowerApps includes multi-select and single-select options, including a list box, a drop-down list, and radio buttons. In diesem Thema werden diese Steuerelemente hinzugefügt, und mithilfe einer Tabellen-Formel werden die Listen erstellt.In this topic, we add these controls and use a Table formula to build the lists. Wenn ein Element in der Liste ausgewählt wird, werden andere Steuerelemente aktualisiert.When an item is selected in the list, it updates other controls.

 

VoraussetzungenPrerequisites

Hinzufügen eines ListenfeldsAdd a list box

  1. Wählen Sie auf der Registerkarte Einfügen die Option Steuerelemente und anschließend Listenfeld aus:On the Insert tab, select Controls, and then select List box:

  2. Benennen Sie das Listenfeld-Steuerelement in MyListBox um:Rename the List box control to MyListBox:

  3. Legen Sie seine Items-Eigenschaft auf den folgenden Ausdruck fest:Set its Items property to the following expression:
    ["circle","triangle","rectangle"]

    Der Designer sieht nun etwa wie folgt aus:Your designer looks similar to the following:

  4. Wählen Sie auf der Registerkarte Einfügen die Option Symbole aus, wählen Sie den Kreis aus, und verschieben Sie ihn unter das Listenfeld-Steuerelement:On the Insert tab, select Icons, select the circle, and move it under the List box control:

  5. Fügen Sie ein Dreieck und ein Rechteck aus, und ordnen Sie die Formen unter dem Listenfeld-Steuerelement in einer Reihe an:Add a triangle and a rectangle, and then arrange the shapes in a row under the List box control:

  6. Legen Sie die Visible-Eigenschaft der folgenden Formen auf die genannten Funktionen fest:Set the Visible property of the following shapes to the following functions:

    FormShape Wert für Visible-FunktionSet Visible function to
    circlecircle If("circle" in MyListBox.SelectedItems.Value, true)
    triangletriangle If("triangle" in MyListBox.SelectedItems.Value, true)
    rectanglerectangle If("rectangle" in MyListBox.SelectedItems.Value, true)
  7. Rufen Sie eine Vorschau der Ergebnisse auf ().Preview what you've created . Wählen Sie die verschiedenen Formen im Listenfeld-Steuerelement aus.Select the different shapes in the List box control. Nur die ausgewählte Form bzw. die ausgewählten Formen werden angezeigt.Only the shape or shapes that you select appear. Drücken Sie ESC, oder wählen Sie das X aus, um zum Bildschirm zurückzukehren.Press Esc or select the X to go back to your screen.

In diesen Schritten haben Sie mithilfe eines Ausdrucks eine Liste von Elementen in einem Listenfeld-Steuerelement erstellt.In these steps, you used an expression to create a list of items in a List box control. Je nach Auswahl im Listenfeld-Steuerelement werden andere Formen angezeigt.Depending on what you choose in the List box control, different shapes are displayed. Sie können diese Vorgehensweise auf andere Elemente im Unternehmen anwenden.You can apply this to other elements within your business. Sie können mit einem Listenfeld-Steuerelement beispielsweise Produktabbildungen, Produktbeschreibungen usw. anzeigen.For example, you can use a List box control to display product images, product descriptions, and so on.

Hinzufügen von OptionsfeldernAdd radio buttons

  1. Wählen Sie auf der Registerkarte Start die Option Neuer Bildschirm aus.On the Home tab, select New Screen.
  2. Wählen Sie auf der Registerkarte Einfügen die Option Steuerelemente und anschließend Radio aus.On the Insert tab, select Controls, and then select Radio.

  3. Benennen Sie das Radio-Steuerelement in Choices um, und legen Sie seine Items-Eigenschaft auf die folgende Formel fest:Rename the Radio control to Choices, and set its Items property to this formula:
    ["red","green","blue"]

    Ändern Sie ggf. die Größe des Steuerelements, um alle Optionen anzuzeigen.If needed, resize the control to show all the options.

  4. Wählen Sie auf der Registerkarte Einfügen die Option Symbole aus, und wählen Sie anschließend den Kreis aus.On the Insert tab, select Icons, and then select the circle.
  5. Legen Sie die Fill-Eigenschaft des Kreises auf die folgende Funktion fest: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))

    In dieser Formel ändert der Kreis je nach ausgewähltem Optionsfeld seine Farbe.In this formula, the circle changes its color depending on which radio button you choose.

  6. Verschieben Sie den Kreis wie im folgenden Beispiel veranschaulicht unter das Radio-Steuerelement:Move the circle under the Radio control, as in this example:

  7. Rufen Sie eine Vorschau der Ergebnisse auf ().Preview what you've created: . Wählen Sie ein anderes Optionsfeld aus, um die Farbe des Kreises ändern.Select a different radio button to change the color of the circle. Drücken Sie ESC, oder wählen Sie das X aus, um zum Bildschirm zurückzukehren.Press Esc or select the X to go back to your screen.

Hinzufügen einer DropdownlisteAdd a drop-down list

  1. Fügen Sie einen Bildschirm hinzu, und fügen Sie anschließend ein Dropdown-Steuerelement hinzu.Add a screen, and then add a Drop down control.

  2. Benennen Sie das Steuerelement in DDChoices um, und legen Sie seine Items-Eigenschaft auf die folgende Formel fest:Rename the control to DDChoices, and set its Items property to this formula:
    ["red","green","blue"] ["red","green","blue"]
  3. Fügen Sie einen Kreis hinzu, verschieben Sie ihn unter das Dropdown-Steuerelement, und legen Sie die Fill-Eigenschaft des Kreises auf diese Formel fest: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. Rufen Sie eine Vorschau der Ergebnisse auf ().Preview what you've created: . Wählen Sie die anderen Optionen zum Ändern der Farbe des Kreises aus.Select the different options to change the color of the circle.