20/05/23, 20:58 Creazione di un modello di spostamento per l'app canvas - Training | Microsoft Learn

Ｒ Indietro 2 unità su 6 Ｓ Prossima Ｔ

＂ 100 XP

Creazione di un modello di spostamento

per l'app canvas
7 minuti

Per un utente, un menu di spostamento offre una prospettiva generale dei servizi forniti
dall'app. Di conseguenza è anche importante disporre di un menu di questo tipo in tutta l'app.
Dal punto di vista del creatore, il menu deve essere facile da creare e da aggiornare.

Panoramica di un menu di spostamento

Un menu di spostamento può essere creato usando singoli pulsanti o una raccolta all'interno
di un'altra raccolta. L'aggiunta di singoli pulsanti richiede una quantità maggiore di tempo e di
operazioni per allineare le posizioni X e Y e per far corrispondere l'altezza e la larghezza. Lo
spostamento tramite pulsanti, tuttavia, è ancora necessario per gli scenari in cui sono richiesti
solo uno o due pulsanti. Di seguito è riportato un esempio di schermata iniziale per un'app di
richiesta dispositivo con due pulsanti.

Quando un menu di spostamento contiene più opzioni, l'uso di una combinazione di una
raccolta (o di un'origine dati) e di un'altra raccolta è un'opzione migliore. In questo modo,
infatti, la formattazione delle posizioni X e Y e di altezza e larghezza viene gestita
automaticamente.
https://learn.microsoft.com/it-it/training/modules/customize-apps-in-powerapps/2-1-create-navigation-model 1/10
20/05/23, 20:58 Creazione di un modello di spostamento per l'app canvas - Training | Microsoft Learn

Uso di un'origine dati

La connessione del contenuto del menu all'origine dati offre la flessibilità di modificare il
menu senza che sia necessario variare la progettazione dell'app in Studio per canvas. Prendere
ad esempio un elenco creato con Elenchi Microsoft, come quello nell'immagine. Il menu può
essere aggiunto come voci in un elenco a colonna singola.

https://learn.microsoft.com/it-it/training/modules/customize-apps-in-powerapps/2-1-create-navigation-model 2/10
20/05/23, 20:58 Creazione di un modello di spostamento per l'app canvas - Training | Microsoft Learn

Questo elenco viene quindi collegato a Power Apps come un'origine dati di SharePoint. È
quindi possibile inserire una raccolta vuota in qualsiasi schermata in cui si desideri disporre del
menu e assegnarvi l'elenco creato con Elenchi Microsoft come origine dati (proprietà Items
della raccolta). Sarà poi possibile inserire un controllo Button nella raccolta.

https://learn.microsoft.com/it-it/training/modules/customize-apps-in-powerapps/2-1-create-navigation-model 3/10
20/05/23, 20:58 Creazione di un modello di spostamento per l'app canvas - Training | Microsoft Learn

Notare la presenza di un pulsante per ogni voce nell'elenco. Ora è possibile completare il
menu rinominando la proprietà Text del pulsante in ThisItem.Title .

https://learn.microsoft.com/it-it/training/modules/customize-apps-in-powerapps/2-1-create-navigation-model 4/10
20/05/23, 20:58 Creazione di un modello di spostamento per l'app canvas - Training | Microsoft Learn

Sarebbe quindi necessario aggiungere alcune schermate all'app (o usare le schermate

esistenti) così che corrispondano allo schema di spostamento selezionando + Nuova
schermata e rinominando le schermate in modo corrispondente all'elenco di spostamento.

Infine, per far funzionare lo spostamento, modificare la proprietà OnSelect del pulsante nel
controllo raccolta aggiungendo la logica condizionale intorno a ThisItem.Title per passare alla
schermata scelta. A questo scopo è possibile usare un'istruzione If o Switch. Entrambe le
istruzioni hanno lo stesso scopo. Tuttavia, è necessario inserire i nomi delle schermate che
sono effettivamente nell'app e nell'elenco affinché questo funzioni.

Ecco un esempio della formula OnSelect che usa la logica If:

Formula di PowerApps

If(ThisItem.Title = "Home Screen", Navigate('Home Screen'),

ThisItem.Title = "Add Screen", Navigate('Add Screen'),
ThisItem.Title = "Edit Screen", Navigate('Edit Screen'),
ThisItem.Title = "View Screen", Navigate('View Screen'),
ThisItem.Title = "Copy Screen", Navigate('Copy Screen'),
ThisItem.Title = "Summary Screen", Navigate('Summary Screen'),

https://learn.microsoft.com/it-it/training/modules/customize-apps-in-powerapps/2-1-create-navigation-model 5/10
20/05/23, 20:58 Creazione di un modello di spostamento per l'app canvas - Training | Microsoft Learn

ThisItem.Title = "Admin Screen", Navigate('Admin Screen'),

ThisItem.Title = "Executive Screen", Navigate('Executive Screen'))

Ecco un esempio della formula OnSelect che usa una funzione Switch:

Formula di PowerApps

Switch(ThisItem.Title,
"Home Screen", Navigate('Home Screen'),
"Add Screen", Navigate('Add Screen'),
"Edit Screen", Navigate('Edit Screen'),
"View Screen", Navigate('View Screen'),
"Copy Screen", Navigate('Copy Screen'),
"Summary Screen", Navigate('Summary Screen'),
"Admin Screen", Navigate('Admin Screen'),
"Executive Screen", Navigate('Executive Screen'))

Uso di una raccolta (collection)

È possibile anche creare una raccolta all'interno dell'app canvas tramite la proprietà App
OnStart. Successivamente è possibile popolare tale raccolta (collection) in una raccolta

https://learn.microsoft.com/it-it/training/modules/customize-apps-in-powerapps/2-1-create-navigation-model 6/10
20/05/23, 20:58 Creazione di un modello di spostamento per l'app canvas - Training | Microsoft Learn

(gallery) come un menu, ad esempio un elenco in Elenchi Microsoft. Ricordare che una
raccolta (collection) è semplicemente una tabella temporanea di dati a cui l'app può fare
riferimento come origine dati.

Ecco un esempio di una raccolta a due colonne che si può aggiungere alla proprietà OnStart
dell'app. I valori "Id" e "Screenname" consentono di fornire il percorso di spostamento da una
raccolta (gallery) legata alla raccolta (collection). Una volta inserito il codice in OnStart, è
possibile selezionare i puntini di sospensione accanto ad App e selezionare Esegui all'avvio
per impostare la raccolta in memoria per l'app.

Formula di PowerApps

ClearCollect(colScreenNavigation,
{Id: 1, Screenname: "Home Screen"},
{Id: 2, Screenname: "Add Screen"},
{Id: 3, Screenname: "Edit Screen"},
{Id: 4, Screenname: "View Screen"},
{Id: 5, Screenname: "Copy Screen"},
{Id: 6, Screenname: "Summary Screen"},
{Id: 7, Screenname: "Admin Screen"},
{Id: 8, Screenname: "Executive Screen"})

Successivamente, è possibile inserire una Raccolta verticale e, tenendo la raccolta (gallery)

selezionata, scegliere la raccolta (collection) come origine dati.

https://learn.microsoft.com/it-it/training/modules/customize-apps-in-powerapps/2-1-create-navigation-model 7/10
20/05/23, 20:58 Creazione di un modello di spostamento per l'app canvas - Training | Microsoft Learn

Aggiungere un controllo pulsante alla raccolta ed eliminare i controlli rimanenti. Quindi,

selezionare il pulsante e modificare la proprietà Text in ThisItem.ScreenName .

Per completare le funzionalità di spostamento è possibile aggiungere codice nella proprietà

OnSelect del pulsante con un'istruzione Switch come questa:
https://learn.microsoft.com/it-it/training/modules/customize-apps-in-powerapps/2-1-create-navigation-model 8/10
20/05/23, 20:58 Creazione di un modello di spostamento per l'app canvas - Training | Microsoft Learn

Formula di PowerApps

Navigate(
Switch(ThisItem.Id,
1,'Home Screen',
2,'Add Screen',
3,'Edit Screen',
4,'View Screen',
5,'Copy Screen',
6,'Summary Screen',
7,'Admin Screen',
8,'Executive Screen'
)
)

In questo caso si è usato il campo "Id" della raccolta, ma anche il campo "Screenname"
sarebbe stato valido. Se si è seguito questo esempio, ora è possibile tenere premuto il tasto
ALT e testare i nuovi pulsanti di spostamento basati su raccolta.

Questa unità ha illustrato come creare un menu di spostamento all'interno di un'app usando
un controllo gallery e collegando il menu a un elenco a colonna singola creato con Elenchi
Microsoft o a una raccolta. Questo processo può offrire possibilità straordinarie.

Unità successiva: Esplorazione di schermate e controlli in

Power Apps

https://learn.microsoft.com/it-it/training/modules/customize-apps-in-powerapps/2-1-create-navigation-model 9/10
20/05/23, 20:58 Creazione di un modello di spostamento per l'app canvas - Training | Microsoft Learn

Continua Ｔ

Qual è la tua opinione su questo prodotto? Ｖ Ｖ Ｖ Ｖ Ｖ Ottimo

https://learn.microsoft.com/it-it/training/modules/customize-apps-in-powerapps/2-1-create-navigation-model 10/10