Funzioni Navigate e Back

  • 6 minuti

Vediamo ora come aggiungere argomenti alle funzioni Navigate e Back per migliorare l'interfaccia utente nell'app Power Apps. Nella sintassi le parentesi quadre indicano parametri facoltativi.

Ecco la sintassi della funzione Navigate in dettaglio:

Navigate(Screen [, ScreenTransition [, UpdateContextRecord ]])

  • Screen (obbligatorio): la schermata da visualizzare (o a cui passare).

  • ScreenTransition (facoltativo): la transizione visiva da utilizzare tra la schermata corrente e la schermata successiva. Il valore predefinito è None.

  • UpdateContextRecord (facoltativo): un record che contiene il nome di almeno una colonna e un valore per ciascuna colonna. Questo record aggiorna le variabili di contesto applicabili per la nuova schermata.

In altre parole, è necessario includere il primo parametro per far sì che Power Apps capisca a quale schermata passare. È possibile usare il secondo argomento per definire in che modo la schermata precedente cambia visivamente in quella successiva. È possibile usare il terzo parametro per passare un valore di contesto alla nuova schermata.

Funzione Back

Ecco la sintassi della funzione Back in dettaglio:

Back([ScreenTransition])

  • ScreenTransition (facoltativo): la transizione visiva da utilizzare tra la schermata corrente e la schermata successiva. Il valore predefinito è la transizione tra le schermate a ritroso rispetto alla funzione Navigate che ha portato l'utente alla schermata.

Quando si aggiunge Back all'app, devono essere aggiunte le parentesi: Back().

La funzione Back riporta l'utente alla schermata visualizzata più di recente dall'app. Quando l'utente passa ad altre schermate, l'app tiene traccia del percorso tra le schermate e delle transizioni usate. Quindi, quando si esegue la funzione Back, viene eseguita anche la transizione inversa delle schermate. Gli utenti possono usare la funzione Back per tornare alla schermata inizialmente visualizzata all'apertura dell'app.

Transizioni tra le schermate

Vediamo meglio le transizioni tra le schermate poiché possono far parte di entrambe le formule Navigate e Back. Queste opzioni sono disponibili in Power Apps:

  • ScreenTransition.Cover: la nuova schermata subentra nella vista da destra verso sinistra, coprendo la schermata corrente.

  • ScreenTransition.CoverRight: la nuova schermata subentra nella vista da sinistra verso destra, coprendo la schermata corrente.

  • ScreenTransition.Fade: la schermata corrente si dissolve per consentire la visualizzazione della nuova schermata.

  • ScreenTransition.None (predefinita): la nuova schermata sostituisce rapidamente quella precedente.

  • ScreenTransition.UnCover: la schermata corrente scompare dalla vista da destra verso sinistra, scoprendo la nuova schermata.

  • ScreenTransition.UnCoverRight: la schermata corrente scompare dalla vista da sinistra verso destra, scoprendo la nuova schermata.

Esempi

Le tabelle seguenti contengono alcuni esempi di formule che usano le transizioni sia per Navigate che per Back.. La tabella include inoltre alcuni dei parametri UpdateContextRecord negli esempi Navigate, in modo da mostrare quale aspetto avrebbe nella propria app.

Formula Descrizione Risultato
Navigate(Details) Consente di visualizzare la schermata Details senza transizioni o modifiche del valore per una variabile di contesto. La schermata Details appare rapidamente.
Navigate(Details, ScreenTransition.Fade) Consente di visualizzare la schermata Details con una transizione Fade. Non viene modificato alcun valore delle variabili di contesto. La schermata corrente scompare con una dissolvenza e appare la schermata Details.
Navigate(Details, ScreenTransition.Fade, {ID: 12}) Consente di visualizzare la schermata Details con una transizione Fade. Aggiorna il valore della variabile di contesto ID in 12. La schermata corrente scompare con una dissolvenza scoprendo la schermata Details e la variabile di contesto ID della schermata viene impostata su 12.
Navigate(Details, ScreenTransition.Fade, {ID: 12 , Shade: Color.Red}) Consente di visualizzare la schermata Details con una transizione Fade. Aggiorna il valore della variabile di contesto ID in 12. Aggiorna il valore della variabile di contesto Shade in Color.Red. La schermata corrente scompare con una dissolvenza e appare la schermata Details. La variabile di contesto ID nella schermata Details viene impostata su 12 e la variabile di contesto Shade viene impostata su Color.Red. Se si impostasse la proprietà Fill di un controllo della schermata Details su Shade, il controllo verrebbe visualizzato in rosso.
Back() Visualizza la schermata precedente con la transizione di ritorno predefinita. L'app visualizza la schermata precedente tramite la transizione inversa della transizione con cui è apparsa la schermata corrente.
Back(ScreenTransition.Cover) Visualizza la schermata precedente con la transizione Cover. L'app visualizza la schermata precedente tramite la transizione Cover, indipendentemente dalla transizione con cui è apparsa la schermata corrente.

Riepilogando, è possibile personalizzare le funzioni Navigate e Back sfruttandone i parametri. È possibile passare a un'altra schermata con la funzione Navigate, ma è possibile anche aggiungere una transizione visiva e persino impostare variabili di contesto nel processo. La funzione Back fornisce l'inverso di qualsiasi transizione che ha portato l'utente alla schermata corrente oppure consente di definire una transizione. L'esperienza dell'utente dipenderà dalle impostazioni che si scelgono.

Finora si è usata soltanto la funzione OnSelect per aggiungere all'app la funzionalità di spostamento. La prossima unità illustrerà alcuni altri modi utilizzabili per aggiungere all'app la funzionalità di spostamento.