Creare una scheda lista della spesa

In questa esercitazione creerai una scheda che mostra una lista della spesa e consente di aggiungere articoli. Userai la finestra di progettazione schede, variabili e Power Fx.

Alla fine dell'esercitazione, la scheda della tua lista della spesa sarà simile all'esempio seguente:

Screenshot di una scheda della lista della spesa finita.

Prerequisiti

Crea una scheda

  1. Accedi a Power Apps e seleziona il tuo ambiente.

  2. Nel riquadro di spostamento sinistro seleziona Schede. Se l'elemento non si trova nel riquadro del pannello laterale, seleziona …Altro, quindi l'elemento desiderato.

  3. Seleziona + Crea una scheda.

  4. In Nome della scheda, digita SimpleShoppingCard quindi seleziona Crea.

  5. Seleziona il testo Il tuo titolo della scheda è già qui. Nel riquadro delle proprietà dell'etichetta di testo, imposta Testo su Lista della spesa.

  6. Seleziona il testo Aggiungi e rimuovi elemento per personalizzare la tua nuova scheda. Nel riquadro delle proprietà dell'etichetta di testo, imposta Textsu Utilizza la casella sottostante per aggiungere elementi all'elenco.

Aggiungere una variabile

La lista della spesa conterrà i singoli elementi in righe di testo separate. Sembra una tabella con una singola colonna, con un genere alimentare in ogni riga. Ciò suggerisce che dovrai creare una variabile di tabella per memorizzare il tuo elenco.

  1. Nel riquadro sinistro, seleziona Variabili.

  2. Seleziona + Nuova variabile.

  3. Nella finestra Nuova variabile, immetti MyGroceryList in Nome. Imposta Tipo su Tabella.

  4. Seleziona le parentesi graffe a destra di Valore predefinito e inserisci "" tra parentesi. Ciò indica che la nostra tabella contiene valori di testo in una colonna chiamata implicitamente Valore

  5. Seleziona Salva.

    Screenshot del riquadro delle proprietà della variabile MyGroceryList.

Aggiungere un elenco alla scheda

  1. Nel riquadro sinistro, seleziona Inserisci.

  2. Nel riquadro degli strumenti, seleziona Visualizza per espandere la categoria, quindi Etichetta di testo.

  3. Nel riquadro delle proprietà dell'etichetta di testo, seleziona la scheda Avanzate.

  4. Imposta Ripeti per ogni su MyGroceryList.

    Screenshot del riquadro delle proprietà avanzate di un'etichetta di testo con MyGroceryList nella proprietà Ripeti per ogni.

    L'impostazione di una proprietà Ripeti per ogni dell'etichetta di testo ripete l'etichetta di testo per ciascun elemento nella tabella specificata. In questo esempio, la tabella MyGroceryList è la variabile che hai creato. Ciò significa che per ogni elemento della lista della spesa viene creata un'etichetta di testo separata nella scheda.

  5. Seleziona la scheda Proprietà. Imposta Testo su ThisItem.Value.

    L'assegnazione della variabile definita dal sistema ThisItem.Value sull'etichetta di testo mostra il valore dell'elemento corrente della matrice MyGroceryList come testo dell'etichetta. Matrice è un altro termine per una variabile di tabella. È possibile immettere il nome della variabile nella barra delle formule o nel riquadro delle proprietà.

    Screenshot del nome di una variabile immesso nella proprietà Testo dell'etichetta di testo.

Aggiungi una casella per l'input

L'elenco che hai creato è vuoto, quindi il passaggio finale è dare all'utente la possibilità di aggiungere elementi.

  1. Nel riquadro sinistro, seleziona Inserisci.

  2. Nel riquadro degli strumenti, seleziona Input per espandere la categoria, quindi Input di testo.

  3. Nel riquadro delle proprietà di input del testo, imposta Nome su NewItem e imposta Etichetta su Nuovo elemento:.

    Screenshot dei nomi delle variabili immessi nelle proprietà Nome ed Etichetta di una casella di testo di input.

    La proprietà Nome consente di fare riferimento al comando di un'espressione Power Fx. Deve essere una parola, senza spazi o caratteri speciali. Nella scheda viene visualizzata la proprietà Etichetta. Il nome e l'etichetta di un controllo non devono essere simili, come in questo caso, ma l'utilizzo di nomi simili rende più semplice tenere traccia dei controlli.

Aggiungi un pulsante Power Fx

  1. Nel riquadro sinistro, seleziona Inserisci.

  2. Nel riquadro degli strumenti, seleziona Input per espandere la categoria, quindi Pulsante.

  3. Nel riquadro delle proprietà del pulsante, imposta Titolo su Aggiungi elemento.

  4. Nel riquadro delle proprietà, seleziona PowerFx per posizionare il cursore nella barra delle formule.

  5. Inserirsci la seguente espressione Power Fx nella barra delle formule: Collect(MyGroceryList, {Value: NewItem})

    Questa espressione utilizza la funzione Power Fx Collect per aggiungere il valore dell'input dell'utente, NewItem, nella variabile della tabella MyGroceryList nella colonna implicita Valore. Poiché l'espressione è associata alla proprietà OnSelect del pulsante, viene eseguita quando l'utente seleziona il pulsante.

    Screenshot dell'espressione Power Fx nella barra delle formule, assegnata alla proprietà OnSelect del pulsante.

Testare la scheda

Dovresti salvare sempre le tue modifiche prima di riprodurre una scheda. Seleziona Salva e quindi Riproduci.

Testa la tua scheda aggiungendo alcuni articoli alla lista della spesa.

Passaggi successivi

Scopri come creare una scheda più complessa con i connettori Microsoft Dataverse.