Creare un'app canvas da zero in base ai dati di Excel

Crea un'app canvas da zero in base a dati di Excel, formattati come una tabella e quindi aggiungi eventualmente dati da altre origini. Seguendo questa esercitazione crei un'app che contiene due schermate. In una schermata gli utenti possono esplorare un set di record. Nell'altra schermata gli utenti possono creare un record, aggiornare uno o più campi di un record o eliminare un intero record. Questo approccio richiede più tempo rispetto alla creazione di un'app di base da Excel, ma consente agli sviluppatori di app più esperti di creare l'app ottimale per esigenze specifiche.

Prerequisiti

Per attenerti esattamente alla procedura descritta in questa esercitazione, crea un file di Excel usando questi dati di esempio.

1. Copia questi dati e incollali in un file di Excel.

   StartDay	StartTime	Volunteer	Backup
   Sabato	10am-noon	Vasquez	Kumashiro
   Sabato	noon-2pm	Ice	Singhal
   Sabato	2pm-4pm	Myk	Mueller
   Domenica	10am-noon	Li	Adams
   Domenica	noon-2pm	Singh	Morgan
   Domenica	2pm-4pm	Batye	Nguyen

2. Formatta i dati come tabella con la denominazione Schedule, in modo che Power Apps possa analizzare le informazioni.

   Per altre informazioni, vedi Formattare una tabella in Excel.

3. Salva il file con il nome eventsignup.xlsx, chiudilo e caricalo in un account di archiviazione cloud, ad esempio OneDrive.

Aprire un'app vuota

Crea un'app canvas da modello vuoto con layout Telefono.

Connetti ai dati

1. Nel centro della schermata seleziona Connetti ai dati.

2. Nel riquadro Dati seleziona la connessione per l'account di archiviazione cloud se viene visualizzato. In caso contrario, segui questi passaggi per aggiungere una connessione:

   1. Seleziona Nuova connessione, seleziona il riquadro dell'account di archiviazione cloud e quindi seleziona Crea.
   2. Se richiesto, specifica le credenziali per l'account.

3. In Scegliere un file di Excel digita o incolla le prime lettere di eventsignup per filtrare l'elenco e quindi seleziona il file caricato.

4. In Scegliere una tabella seleziona la casella di controllo Schedule e quindi seleziona Connetti.

5. Chiudi il riquadro Dati selezionando l'icona di chiusura (X) nell'angolo superiore destro.

Creare la schermata per la visualizzazione

1. Nella scheda Home seleziona la freccia GIÙ accanto a Nuova schermata per aprire un elenco dei tipi di schermata e quindi seleziona Elenco.

   Viene aggiunta una schermata con vari controlli predefiniti, ad esempio una casella di ricerca e un controllo Raccolta. La raccolta copre l'intera schermata sotto la casella di ricerca.

2. Nella parte superiore della nuova schermata seleziona il controllo Etichetta e quindi sostituisci [Titolo] con Visualizza record.

   

3. Nella barra di spostamento a sinistra seleziona BrowseGallery1.

   La raccolta verrà racchiusa in un riquadro di selezione con punti di controllo.

   

4. Nella scheda Proprietà del riquadro di destra seleziona la freccia GIÙ per il menu Layout.

   

5. Seleziona Titolo, sottotitolo e corpo.

6. Nella barra della formula sostituisci CustomGallerySample con Schedule e sostituisci entrambe le istanze di SampleText con Volunteer.

7. Nell'estremità destra della barra della formula seleziona la freccia GIÙ e quindi seleziona Formatta testo.

   La formula corrisponde a questo esempio:

   SortByColumns(
       Search(
           Schedule,
           TextSearchBox1.Text,
           "Volunteer"
       ),
       "Volunteer",
       If(
           SortDescending1,
           SortOrder.Descending,
           SortOrder.Ascending
       )
   )
   

8. Nella scheda Proprietà del riquadro di destra seleziona Modifica accanto all'etichetta Campi.

9. Nella casella Title seleziona Volunteer, nella casella Subtitle2 seleziona StartDay e nella casella Body1 seleziona StartTime.

10. Chiudi il riquadro Dati selezionando l'icona di chiusura (X) nell'angolo superiore destro.

Gli utenti possono ordinare e filtrare la raccolta per nome del volontario in base alle funzioni SortByColumns e Search nella formula.

• Se un utente digita almeno una lettera nella casella di ricerca, la raccolta mostra solo i record per i quali il campo Volunteer contiene il testo digitato dall'utente.
• Se un utente seleziona il pulsante di ordinamento (tra il pulsante Aggiorna e il pulsante più nella barra del titolo), la raccolta mostra i record in ordine crescente o decrescente (a seconda di quante volte l'utente seleziona il pulsante) in base al campo Volunteer.

Per altre informazioni su questa e altre funzioni, vedere le informazioni di riferimento sulle formule.

Creare la schermata di modifica

1. Nella scheda Home seleziona la freccia GIÙ accanto a Nuova schermata e quindi seleziona Modulo.

2. Nella barra di spostamento a sinistra seleziona EditForm1.

3. Nella scheda Proprietà del riquadro di destra seleziona la freccia GIÙ accanto a Origine dati e quindi seleziona Pianificazione nell'elenco visualizzato.

4. Nell'origine dati specificata seleziona Modifica campi.

5. Nel riquadro Campi seleziona Aggiungi campo, seleziona la casella di controllo relativa a ogni campo e quindi seleziona Aggiungi.

6. Seleziona la freccia accanto al nome di ogni campo per comprimerlo e quindi trascina il campo Volunteer verso l'alto in modo che venga visualizzato in cima all'elenco dei campi.

   

7. Chiudi il riquadro Campi selezionando l'icona di chiusura (X) nell'angolo superiore destro.

8. Imposta la proprietà Item del modulo su quest'espressione digitandola o incollandola nella barra della formula:

   BrowseGallery1.Selected

9. Nella parte superiore dello schermo seleziona il controllo Etichetta e quindi sostituisci [Titolo] con Modifica record.

   

Eliminare e rinominare le schermate

1. Nella barra di spostamento a sinistra seleziona i puntini di sospensione (...) per Screen1 e quindi seleziona Elimina.

   

2. Seleziona i puntini di sospensione (...) per Screen2, seleziona Rinomina e quindi digita o incolla ViewScreen.

3. Seleziona i puntini di sospensione (...) per Screen3, seleziona Rinomina e quindi digita o incolla ChangeScreen.

Configurare le icone nella schermata di visualizzazione

1. Nella parte superiore della schermata ViewScreen seleziona l'icona a forma di freccia circolare.

   

2. Imposta la proprietà OnSelect per l'icona su questa formula:

   Refresh(Schedule)

   Quando l'utente seleziona l'icona, i dati da Schedule vengono aggiornati dal file di Excel.

   Per altre informazioni su questa e altre funzioni, vedi le informazioni di riferimento sulle formule.

3. Nell'angolo superiore destro di ViewScreen, seleziona l'icona +.

   

4. Imposta la proprietà OnSelect per l'icona su questa formula:

   NewForm(EditForm1);Navigate(ChangeScreen,ScreenTransition.None)

   Quando l'utente seleziona questa icona, la schermata ChangeScreen viene visualizzata con tutti i campi vuoti, in modo che l'utente possa creare un record più facilmente.

5. Seleziona la freccia rivolta verso destra per il primo record nella raccolta.

   

6. Imposta la proprietà OnSelect per la freccia sulla formula seguente:

   EditForm(EditForm1); Navigate(ChangeScreen, ScreenTransition.None)

   Quando l'utente seleziona questa icona, viene visualizzata la schermata ChangeScreen con ogni campo che mostra i dati per il record selezionato, in modo che l'utente possa modificare o eliminare il record più facilmente.

Configurare le icone nella schermata di modifica

1. Nella schermata ChangeScreen seleziona l'icona "X" nell'angolo superiore sinistro.

   

2. Imposta la proprietà OnSelect per l'icona su questa formula:

   ResetForm(EditForm1);Navigate(ViewScreen, ScreenTransition.None)

   Quando l'utente seleziona l'icona, tutte le modifiche apportate in questa schermata dall'utente vengono rimosse e viene aperta la schermata di visualizzazione.

3. Nell'angolo superiore destro seleziona l'icona a forma di segno di spunta.

   

4. Imposta la proprietà OnSelect per il segno di spunta su questa formula:

   SubmitForm(EditForm1); Navigate(ViewScreen, ScreenTransition.None)

   Quando l'utente seleziona l'icona, tutte le modifiche apportate in questa schermata dall'utente vengono salvate e viene aperta la schermata di visualizzazione.

5. Nella scheda Inserisci selezionare Icone e quindi selezionare l'icona Cestino.

6. Imposta la proprietà Color della nuova icona su White, e sposta la nuova icona in modo che venga visualizzata accanto all'icona segno di spunta.

   

7. Imposta la proprietà Visible per l'icona Cestino su questa formula:

   EditForm1.Mode = FormMode.Edit

   Questa icona verrà visualizzata solo quando il modulo è in modalità Modifica e non in modalità Nuovo.

8. Imposta la proprietà OnSelect per l'icona Cestino su questa formula:

   Remove(Schedule, BrowseGallery1.Selected); Navigate(ViewScreen, ScreenTransition.None)

   Quando l'utente seleziona l'icona, il record selezionato viene eliminato dall'origine dati e viene aperta la schermata di visualizzazione.

Testare l'app

1. Seleziona la schermata ViewScreen e quindi apri la modalità di anteprima premendo F5 oppure selezionando l'icona Anteprima nell'angolo superiore destro.

   

2. Digita o incolla una o più lettere nella casella di ricerca per filtrare l'elenco in base al nome del volontario.

3. Seleziona una o più volte l'icona di ordinamento per visualizzare i dati in ordine crescente o decrescente in base al nome del volontario.

4. Aggiungi un record.

5. Aggiorna il record che hai aggiunto e quindi salva le modifiche.

6. Aggiorna il record che hai aggiunto e quindi annulla le modifiche.

7. Elimina il record che hai aggiunto.

8. Chiudi la modalità di anteprima premendo ESC oppure selezionando l'icona di chiusura nell'angolo superiore destro.

Passaggi successivi

• Premi CTRL+S per salvare l'app nel cloud in modo da poterla eseguire su altri dispositivi.
• Condividi l'app in modo che altri utenti possano eseguirla.
• Vedi altre informazioni sulle funzioni, ad esempio Patch, che è possibile usare per gestire i dati senza creare un modulo standard.
• Collegare l'app a una soluzione, di modo che sia possibile, ad esempio, distribuirla in un ambiente diverso o pubblicarla in AppSource.