Aggiungere una casella di riepilogo, un elenco a discesa o pulsanti di opzioneAdd a list box, a drop-down list, or radio buttons

PowerApps include opzioni di selezione multipla e singola, tra cui una casella di riepilogo, un elenco a discesa e pulsanti di opzione.PowerApps includes multi-select and single-select options, including a list box, a drop-down list, and radio buttons. In questo argomento verranno aggiunti questi controlli e si userà una formula Tabella per compilare gli elenchi.In this topic, we add these controls and use a Table formula to build the lists. Quando si seleziona un elemento nell'elenco gli altri controlli vengono aggiornati.When an item is selected in the list, it updates other controls.

PrerequisitiPrerequisites

Aggiungere una casella di riepilogoAdd a list box

  1. Nella scheda Inserisci selezionare Controlli e quindi Casella di riepilogo:On the Insert tab, select Controls, and then select List box:

  2. Assegnare al controllo Casella di riepilogo il nome MyListBox:Rename the List box control to MyListBox:

  3. Impostare la relativa proprietà Items sull'espressione seguente:Set its Items property to the following expression:
    ["circle","triangle","rectangle"]

    La finestra di progettazione è simile alla seguente:Your designer looks similar to the following:

  4. Nella scheda Inserisci selezionare Icone, selezionare il cerchio e spostarlo sotto il controllo Casella di riepilogo:On the Insert tab, select Icons, select the circle, and move it under the List box control:

  5. Aggiungere un triangolo e un rettangolo e quindi disporre le forme in una riga di sotto il controllo Casella di riepilogo:Add a triangle and a rectangle, and then arrange the shapes in a row under the List box control:

  6. Impostare la proprietà Visible delle forme sulle funzioni seguenti:Set the Visible property of the following shapes to the following functions:

    FormaShape Impostare funzione Visible suSet Visible function to
    cerchiocircle If("circle" in MyListBox.SelectedItems.Value, true)
    triangolotriangle If("triangle" in MyListBox.SelectedItems.Value, true)
    rettangolorectangle If("rectangle" in MyListBox.SelectedItems.Value, true)
  7. Visualizzare in anteprima l'oggetto creato .Preview what you've created . Selezionare le forme nel controllo Casella di riepilogo.Select the different shapes in the List box control. Appariranno solo la forma o le forme selezionate.Only the shape or shapes that you select appear. Premere Esc oppure selezionare la X per tornare alla schermata.Press Esc or select the X to go back to your screen.

In questa procedura viene usata un'espressione per creare un elenco di elementi in un controllo Casella di riepilogo.In these steps, you used an expression to create a list of items in a List box control. In base alla scelta effettuata nel controllo Casella di riepilogo, vengono visualizzate diverse forme.Depending on what you choose in the List box control, different shapes are displayed. È possibile applicare la stessa procedura ad altri elementi all'interno dell'azienda.You can apply this to other elements within your business. Ad esempio, è possibile usare un controllo Casella di riepilogo per visualizzare le immagini dei prodotti, le descrizioni dei prodotti e così via.For example, you can use a List box control to display product images, product descriptions, and so on.

Aggiungere pulsanti di opzioneAdd radio buttons

  1. Nella scheda Home selezionare Nuova schermata.On the Home tab, select New Screen.

  2. Nella scheda Inserisci selezionare Controlli e quindi Pulsante di opzione.On the Insert tab, select Controls, and then select Radio.

  3. Assegnare al controllo Pulsante di opzione il nome Choices e impostare la relativa proprietà Items su questa formula:Rename the Radio control to Choices, and set its Items property to this formula:
    ["red","green","blue"]

    Se necessario, ridimensionare il controllo per visualizzare tutte le opzioni.If needed, resize the control to show all the options.

  4. Nella scheda Inserisci selezionare Icone e quindi il cerchio.On the Insert tab, select Icons, and then select the circle.

  5. Impostare la proprietà Fill del cerchio sulla funzione seguente: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 questa formula il colore del cerchio cambia in base al pulsante di opzione scelto.In this formula, the circle changes its color depending on which radio button you choose.

  6. Spostare il cerchio sotto il controllo Pulsante di opzione, come nel seguente esempio:Move the circle under the Radio control, as in this example:

  7. Visualizzare in anteprima l'oggetto creato: .Preview what you've created: . Selezionare un altro pulsante di opzione per modificare il colore del cerchio.Select a different radio button to change the color of the circle. Premere Esc oppure selezionare la X per tornare alla schermata.Press Esc or select the X to go back to your screen.

Aggiungere un elenco a discesaAdd a drop-down list

  1. Aggiungere una schermata e quindi aggiungere un controllo A discesa.Add a screen, and then add a Drop down control.

  2. Rinominare il controllo DDChoices e impostare la relativa proprietà Items su questa formula:Rename the control to DDChoices, and set its Items property to this formula:
    ["red","green","blue"]["red","green","blue"]

  3. Aggiungere un cerchio, spostarlo sotto il controllo A discesa e impostare la proprietà Fill del cerchio su questa formula: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. Visualizzare in anteprima l'oggetto creato: .Preview what you've created: . Selezionare le varie opzioni per modificare il colore del cerchio.Select the different options to change the color of the circle.