Panoramica del contesto di navigazione di PowerApps

In questo tutorial, discuteremo il contesto della navigazione di PowerApps. Utilizzeremo le funzioni Indietro e Naviga per modificare la schermata visualizzata nelle nostre applicazioni.

La maggior parte delle app contiene più schermate. Fornire una navigazione PowerApps intuitiva consente agli utenti di navigare in modo efficiente attraverso le schermate delle applicazioni.

Nella pagina di riferimento, facciamo clic su Navigate e vediamo cosa fa.

La funzione Naviga cambia la schermata visualizzata. Faremo un esempio per capire meglio come funziona questa funzione.

Sommario

• Navigazione PowerApps utilizzando la funzione Navigate
• Aggiunta di una funzionalità di modifica per la navigazione di PowerApps
• Comprensione della funzione Indietro nella navigazione di PowerApps
• Conclusione

Navigazione PowerApps utilizzando la funzione Navigate

Innanzitutto, facciamo clic sulla prima scheda dati ( Beau Spratling ).

Vai al trigger OnSelect e vedremo che la funzione Navigate viene utilizzata per portare l'utente alla schermata specificata ( DetailScreen1 ). Ciò significa che quando si fa clic su questa scheda, si passerà a DetailScreen1 .

D'altra parte, il secondo argomento è per il tipo di transizione che vogliamo impostare. Attualmente è impostato su Nessuno .

Nella pagina di riferimento, possiamo vedere le diverse transizioni tra cui possiamo scegliere e una dimostrazione per ognuna di esse.

Possiamo facilmente modificare la transizione di navigazione facendo nuovamente clic sulla scheda dati. Quindi, fare clic sul secondo argomento.

Successivamente, verrà visualizzato ScreenTransition.None .

Rimuovi la parola Nessuno alla fine e le diverse opzioni di transizione appariranno sotto. Per questo esempio, usiamo la transizione Fade . Prova a riprodurre la tua applicazione e vedrai come funziona la transizione Fade .

Facciamo ora clic sulla freccia all'interno della nostra scheda dati.

Possiamo vedere che anche il suo trigger è OnSelect e sta selezionando l' elemento Parent .

L' elemento Parent di quella freccia si riferisce alla scheda dati stessa. Sta usando la funzione Navigate che reindirizza gli utenti a DetailScreen1 . Una volta cliccato, farà la stessa cosa di quando clicchiamo sulla scheda dati.

Aggiunta di una funzionalità di modifica per la navigazione di PowerApps

Ora proviamo ad aggiungere un simbolo di modifica che ci reindirizzerà alla pagina di modifica direttamente dalla nostra scheda dati. Fare clic sull'elemento Separator5 sotto BrowseGallery1 .

Quindi fare clic sulle icone e selezionare l' icona Modifica .

Poiché l'abbiamo aggiunto all'interno di BrowseGallery1 , si replica per ogni scheda dati all'interno della galleria.

Spostiamo quindi l'icona accanto all'icona della freccia e ridimensioniamola finché non è un po' più piccola.

Per impostazione predefinita, questa icona di modifica utilizzava anche il trigger OnSelect e la funzione Select dal suo elemento principale. Quindi, facendo clic su questo, ci reindirizzerà anche alla schermata dei dettagli.

Cambiamolo cambiando la funzione in Navigate . Modificare invece Seleziona (Parent) in Navigate (EditScreen1) .

Imposteremo il secondo argomento su ScreenTransition.UnCover . Assicurati di separare i due argomenti con una virgola ( , ).

Ora giochiamo con la nostra applicazione.

Successivamente, fai clic sul pulsante Modifica .

Quindi, verremo reindirizzati alla schermata di modifica.

Comprensione della funzione Indietro nella navigazione di PowerApps

Sul nostro EditScreen1 , facciamo clic sul pulsante X accanto al titolo.

In questo esempio, abbiamo utilizzato la funzione ResetForm () insieme alla funzione Back ().

Quando navighiamo da qualche parte, Microsoft PowerApps ricorda l'ultima schermata che abbiamo aperto. Possiamo navigare fino all'ultima schermata usando la funzione Back() .

Ad esempio, utilizzando questa funzione sul tasto X , possiamo facilmente tornare alla schermata principale se accediamo alla schermata di modifica dalla schermata principale. Se accediamo alla schermata di modifica dalla schermata dei dettagli, il tasto X ci riporterà alla schermata dei dettagli.

Possiamo anche leggere una spiegazione più dettagliata della funzione Back() nella pagina di riferimento della formula.

Nozioni di base su Power Apps: ambiente di sviluppo ed esecuzione dell'app
Power Apps: come iniziare con questo strumento rivoluzionario

Conclusione

Per riassumere, siamo in grado di apprendere l'importanza e il contesto della navigazione di PowerApps. Siamo anche in grado di capire come funzionano le funzioni Indietro e Naviga nella nostra applicazione. Possiamo specificare una transizione visiva nella formula per controllare come una schermata cambia in un'altra.

Tieni presente che è sempre importante fornire agli utenti un modo efficiente di navigare nelle schermate dell'applicazione.

Ti auguro il meglio,

Enrico