Personalizzazione dell'app con Power Apps Studio

Completato

Nella lezione precedente si è creata una nuova app con i dati caricati in Dataverse for Teams. Power Apps for Teams permette di creare rapidamente un'app utile, ma spesso è necessario personalizzarla in base alle proprie esigenze.

Questa lezione descrive come aggiornare i campi nel modulo e cambiarne l'ordine, come aggiornare i campi nella raccolta e come cambiare il titolo dell'app.

Per iniziare, aprire Teams usando il client desktop o selezionando Teams, quindi aprire l'app per Power Apps. Dalla scheda Home è possibile cercare l'app in App recenti. Se non è visibile, è possibile selezionare Vedi altro in basso per trovarla e selezionarla.

Screenshot che mostra come trovare l'app in Teams.

L'app si aprirà in Teams per la modifica.

Le applicazioni Power Apps vengono create usando vari elementi dell'interfaccia utente chiamati controlli, che si usano per creare un'esperienza migliore per gli utenti che interagiscono con l'app e si spostano al suo interno.

I controlli di uso comune includono i seguenti:

  • Etichetta: mostra all'utente informazioni come testo, numeri, date o valuta.

  • Modulo di modifica: consente all'utente di creare e modificare i record e quindi salvarli.

  • Casella di testo: casella in cui un utente può inserire i dati come testo e numeri.

  • Raccolta verticale: visualizza più record da un'origine dati con un orientamento verticale. Questo controllo può mostrare più tipi di dati per ogni record.

  • Aggiungi icona: consente la selezione in una raccolta di simboli grafici. Questo controllo può essere configurato per rispondere quando un utente seleziona tali simboli.

  • Rettangolo: una forma del bordo che può essere posizionata ovunque nell'app.

  • Selezione data: consente all'utente di selezionare una data usando una finestra popup del calendario.

  • Pulsante: una modalità di interazione tra l'utente e l'app.

Quando si modifica l'app, selezionare una delle seguenti opzioni nella barra di scorrimento a sinistra:

  • Visualizzazione struttura ad albero: visualizza una gerarchia visiva di tutti i controlli nell'app.

  • Inserisci: inserisce nuovi controlli come etichette, pulsanti, icone e moduli.

  • Dati: aggiunge altre tabelle da Dataverse for Teams o un connettore ad altri servizi dati.

  • Supporti: aggiunge immagini, video e audio.

  • Power Automate: consente di connettersi con un flusso o di crearlo direttamente in Power Apps for Teams, senza uscire dall'app.

  • Ricerca: consente allo sviluppatore di cercare contenuti multimediali, testo, origini dati, formule e altro. Include una funzionalità di ricerca e sostituzione.

Il centro della schermata, o canvas dell'app, è la posizione in cui si aggiungono, si spostano e si modificano i componenti che formano l'app. Quando si seleziona un controllo dalla visualizzazione struttura ad albero o nella vista dell'app, il riquadro Proprietà ne mostra le proprietà. Nella parte superiore della schermata si trova la barra della formula, che fornisce altre funzionalità di modifica.

Screenshot di Power Apps Studio per le operazioni di modifica.

Usando l'app creata nell'unità precedente è possibile procedere con l'attività di personalizzazione.

Aggiornamento del modulo

  1. Selezionare il modulo EditForm1.

    Screenshot che mostra il controllo Screen1 dell'app con EditForm1 selezionato.

  2. Nel riquadro Proprietà a destra selezionare Modifica campi.

    Screenshot che mostra il riquadro Proprietà del modulo di modifica e il pulsante Modifica campi evidenziato.

  3. Selezionare + Aggiungi campo, quindi selezionare le caselle accanto alle colonne che si desidera includere nel modulo. Per questo esempio si aggiungeranno i campi che sono stati aggiunti alla tabella di dati: Date deployed, Location, Notes, Repair needed e Seating Capacity. I campi vengono disposti in ordine alfabetico nell'elenco.

    Screenshot della finestra di dialogo Campi con l'opzione Aggiungi campo evidenziata e diverse caselle selezionate accanto alle colonne da aggiungere alla vista.

  4. Selezionare Aggiungi per aggiungerli al modulo. Notare che ora sono inclusi nella finestra di dialogo Campi e appaiono nel canvas dell'app.

    Screenshot dei campi aggiunti nella finestra di dialogo Campi e dei campi che ora popolano il modulo. Notare il campo Date deployed nel modulo, che mostra un valore orario di 00:00.

  5. Sebbene non sia necessario, è possibile modificare l'ordine dei campi semplicemente trascinandoli nella posizione desiderata all'interno della finestra di dialogo Campi. In questo esempio si disporranno i campi in quest'ordine:

    Screenshot della finestra di dialogo Campi con i cinque campi della tabella evidenziati e nell'ordine desiderato.

  6. Chiudere il riquadro Campi.

  1. La raccolta mostra tre elementi dalla tabella di dati, senza immagini perché non sono disponibili. Mostra inoltre la data di creazione dell'elemento, che qui non è un'informazione utile. Pertanto, si aggiornerà la raccolta in modo che mostri informazioni più significative. A tale scopo selezionare la raccolta, quindi l'elenco a discesa sotto il controllo Layout del riquadro Proprietà sul lato destro della schermata, il cui valore corrente è Immagine, titolo e sottotitolo.

    Screenshot che mostra la raccolta selezionata e il riquadro Proprietà con il pulsante Modifica evidenziato al di sotto di Campi.

  2. Selezionare Titolo, sottotitolo e corpo.

    Screenshot delle opzioni di layout della raccolta con l'opzione Titolo, sottotitolo e corpo selezionata.

  3. A questo punto è necessario perfezionare i campi usati nella raccolta. Nel riquadro Proprietà della raccolta cercare l'opzione Campi e selezionare Modifica.

    Screenshot delle proprietà della raccolta con il pulsante Modifica evidenziato al di sotto di Campi.

  4. Nella finestra di dialogo Dati cambiare il valore del sottotitolo in Location e osservare come la raccolta nel canvas cambi immediatamente.

    Screenshot della finestra di dialogo Dati con il campo del sottotitolo modificato in Location e la raccolta che ora mostra Location come sottotitolo.

  5. Chiudere la finestra di dialogo Dati.

Modifica del titolo dell'app

  1. È possibile aggiornare il titolo dell'app selezionando prima l'etichetta sulla schermata che attualmente mostra il nome della tabella nell'angolo in alto a sinistra del canvas.

    Screenshot dell'etichetta del titolo dell'app selezionata.

  2. Cambiare la proprietà Text dell'etichetta scegliendo un titolo più significativo per l'app. A tale scopo, è possibile usare la barra della formula sopra il controllo selezionato o nel pannello delle proprietà sul lato destro della schermata.

    Screenshot delle opzioni per aggiornare il testo.

  3. Digitare il nuovo titolo. In questo esempio sarà "Picnic table locations and capacity".

    Nota

    Il titolo cambia immediatamente quando si immette la modifica nella barra della formula. Se si usa il riquadro delle proprietà, le modifiche diventano effettive quando si preme INVIO sulla tastiera. Notare inoltre che è necessario racchiudere il testo tra virgolette quando si usa la barra della formula, mentre il campo del riquadro delle proprietà non le richiede.

La prossima unità descrive come pubblicare l'app in modo che il team possa usarla.