Les fonctions Navigate et Back

  • 6 minutes

Voyons comment ajouter des arguments aux fonctions Navigate et Back pour améliorer l’interface utilisateur d’une application Power Apps. Dans la syntaxe, les crochets indiquent des paramètres facultatifs.

Voici la décomposition de la syntaxe de la fonction Navigate :

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

  • Screen (obligatoire) : écran à afficher (ou auquel accéder).

  • ScreenTransition (facultatif) : transition visuelle à utiliser entre l’écran actuel et l’écran suivant. La valeur par défaut est None.

  • UpdateContextRecord (facultatif) : enregistrement comportant le nom d’au moins une colonne et une valeur pour chaque colonne. Il met à jour les variables de contexte applicables pour le nouvel écran.

Autrement dit, il faut inclure le premier paramètre pour indiquer à Power Apps l’écran auquel accéder. Le deuxième vous permet de définir comment l’ancien écran passe visuellement au nouveau. Le troisième vous permet de transmettre une valeur de contexte au nouvel écran.

Fonction Back

Voici la décomposition de la syntaxe de la fonction Back :

Back([ScreenTransition])

  • ScreenTransition (facultatif) : transition visuelle à utiliser entre l’écran actuel et l’écran suivant. La valeur par défaut est la transition d’écran inverse de la fonction Navigate qui a redirigé l’utilisateur vers l’écran.

Lorsque vous ajoutez la fonction Back à votre application, celle-ci doit inclure des parenthèses : Back().

La fonction Back permet à un utilisateur de revenir à l’écran que l’application a affiché en dernier. Lorsque l’utilisateur accède à d’autres écrans, l’application suit le chemin d’accès aux écrans et les transitions utilisées. Par conséquent, lors de l’exécution de la fonction Back, la transition d’écran inverse s’exécute également. La fonction Back permet à vos utilisateurs de revenir à l’écran s’étant affiché lorsqu’ils ont ouvert l’application.

Transitions d’écran

Examinons de plus près les transitions d’écran, car elles peuvent faire partie des deux formules Navigate et Back. Voici les options disponibles dans Power Apps :

  • ScreenTransition.Cover : le nouvel écran s’affiche par glissement de la droite vers la gauche et recouvre l’actuel.

  • ScreenTransition.CoverRight : le nouvel écran s’affiche par glissement de la gauche vers la droite et recouvre l’actuel.

  • ScreenTransition.Fade : l’écran actuel disparaît dans un effet de fondu pour afficher le nouveau.

  • ScreenTransition.None (valeur par défaut) : le nouvel écran remplace rapidement l’ancien.

  • ScreenTransition.UnCover : l’écran actuel disparaît par glissement de la droite vers la gauche et découvre le nouveau.

  • ScreenTransition.UnCoverRight : l’écran actuel disparaît par glissement de la gauche vers la droite et découvre le nouveau.

Exemples

Le tableau suivant donne quelques exemples de formules utilisant des transitions pour les fonctions Navigate et Back. Le tableau comprend également certains des paramètres UpdateContextRecord sur des exemples Navigate, afin que vous puissiez visualiser à quoi ils ressembleraient dans votre application.

Formule Description Résultat
Navigate(Details) Affiche l’écran Details sans transition ni changement de valeur pour une variable de contexte. L’écran Details s’affiche rapidement.
Navigate(Details, ScreenTransition.Fade) Affiche l’écran Details avec une transition Fade. Aucune valeur de variable de contexte n’est modifiée. L’écran actuel disparaît par atténuation pour afficher l’écran Details.
Navigate(Details, ScreenTransition.Fade, {ID: 12}) Affiche l’écran Details avec une transition Fade. Redéfinit la variable de contexte ID sur 12. L’écran actuel disparaît par atténuation pour afficher l’écran Details ; la variable de contexte ID à l’écran est définie sur 12.
Navigate(Details, ScreenTransition.Fade, {ID: 12 , Shade: Color.Red}) Affiche l’écran Details avec une transition Fade. Redéfinit la variable de contexte ID sur 12. Redéfinit la variable de contexte Shade sur Color.Red. L’écran actuel disparaît par atténuation pour afficher l’écran Details. La variable de contexte ID sur l’écran Details est définie sur 12 et la variable de contexte Shade sur Color.Red. Si vous définissez la propriété Fill d’un contrôle sur l’écran Details sur Shade, ce contrôle s’affiche en rouge.
Back() Affiche l’écran précédent avec la transition de retour par défaut. L’application affiche l’écran précédent par la transition inverse de la transition par laquelle l’écran actuel s’est affiché.
Back(ScreenTransition.Cover) Affiche l’écran précédent avec la transition Cover. L’application affiche l’écran précédent par la transition Cover, quelle que soit la transition par laquelle l’écran actuel s’est affiché.

En résumé, vous pouvez personnaliser les fonctions Navigate et Back en profitant de leurs paramètres. À l’aide de la fonction Navigate, vous pouvez non seulement permettre aux utilisateurs de passer à un autre écran, mais aussi ajouter une transition visuelle et même définir des variables de contexte dans le processus. La fonction Back fournit l’inverse de toute transition ayant redirigé votre utilisateur vers l’écran actuel ou vous pouvez définir une transition. À vous de déterminer l’expérience utilisateur.

Jusqu’à présent, vous avez ajouté une navigation à votre application uniquement à l’aide de la fonction OnSelect. Dans l’unité suivante, vous allez découvrir d’autres manières d’y parvenir.