Présentation du contexte de navigation PowerApps

Dans ce didacticiel, nous aborderons le contexte de la navigation PowerApps. Nous utiliserons les fonctions Retour et Naviguer pour changer l'écran affiché dans nos applications.

La plupart des applications contiennent plusieurs écrans. La navigation PowerApps conviviale permet aux utilisateurs de naviguer efficacement dans ces écrans d'application.

Sur la page de référence, cliquons sur Naviguer et voyons ce qu'il fait.

La fonction Naviguer change l'écran affiché. Nous aurons un exemple pour mieux comprendre le fonctionnement de cette fonction.

Table des matières

• Navigation PowerApps à l'aide de la fonction de navigation
• Ajout d'une fonctionnalité d'édition pour la navigation PowerApps
• Comprendre la fonction de retour dans PowerApps Navigation
• Conclusion

Navigation PowerApps à l'aide de la fonction de navigation

Tout d'abord, cliquons sur la première carte de données ( Beau Spratling ).

Accédez au déclencheur OnSelect et nous verrons que la fonction Navigate est utilisée pour amener l'utilisateur à l'écran spécifié ( DetailScreen1 ). Cela signifie qu'en cliquant sur cette carte, il nous dirigera vers le DetailScreen1 .

D'autre part, le deuxième argument est pour le type de transition que nous voulons définir. Il est actuellement défini sur Aucun .

Sur la page de référence, nous pouvons voir les différentes transitions parmi lesquelles nous pouvons choisir et une démonstration pour chacune d'entre elles.

Nous pouvons facilement modifier la transition de navigation en cliquant à nouveau sur la carte de données. Ensuite, cliquez sur le deuxième argument.

Après cela, le ScreenTransition.None apparaîtra.

Supprimez le mot Aucun à la fin et les différentes options de transition apparaîtront ci-dessous. Pour cet exemple, utilisons la transition Fondu . Essayez de jouer votre application et vous verrez comment fonctionne la transition Fade .

Cliquons maintenant sur la flèche à l'intérieur de notre carte de données.

Nous pouvons voir que son déclencheur est également OnSelect et qu'il sélectionne l' élément Parent .

L' élément Parent de cette flèche fait référence à la carte de données elle-même. Il utilise la fonction Navigate qui redirige les utilisateurs vers le DetailScreen1 . Une fois cliqué, il fera la même chose que lorsque nous cliquons sur la carte de données.

Ajout d'une fonctionnalité d'édition pour la navigation PowerApps

Maintenant, essayons d'ajouter un symbole d'édition qui nous redirigera vers la page d'édition directement depuis notre carte de données. Cliquez sur l' élément Separator5 sous BrowseGallery1 .

Cliquez ensuite sur les icônes et sélectionnez l' icône Modifier .

Puisque nous l'avons ajouté à l'intérieur de BrowseGallery1 , il se réplique pour chaque carte de données à l'intérieur de la galerie.

Déplaçons ensuite l'icône à côté de l'icône de flèche et redimensionnons-la jusqu'à ce qu'elle soit un peu plus petite.

Par défaut, cette icône d'édition utilisait également le déclencheur OnSelect et la fonction Select de son élément parent. Donc, en cliquant dessus, cela nous redirigera également vers l'écran de détail.

Changeons cela en changeant la fonction en Navigate . Remplacez Select(Parent) par Navigate(EditScreen1) à la place.

Nous allons définir le deuxième argument sur ScreenTransition.UnCover . Assurez-vous de séparer les deux arguments par une virgule ( , ).

Jouons maintenant notre application.

Après cela, cliquez sur le bouton Modifier .

Ensuite, nous serons redirigés vers l'écran d'édition.

Comprendre la fonction de retour dans PowerApps Navigation

Sur notre EditScreen1 , cliquons sur le bouton X à côté du titre.

Dans cet exemple, nous avons utilisé la fonction ResetForm () avec la fonction Back ().

Lorsque nous naviguons quelque part, Microsoft PowerApps se souvient du dernier écran que nous avons ouvert. Nous pouvons naviguer vers ce dernier écran en utilisant la fonction Back() .

Par exemple, en utilisant cette fonction sur le bouton X , nous pouvons facilement revenir à l'écran principal si nous accédons à l'écran d'édition depuis l'écran principal. Si nous accédons à l'écran d'édition à partir de l'écran détaillé, le bouton X nous ramènera à l'écran détaillé.

Nous pouvons également lire une explication plus détaillée de la fonction Back() sur la page de référence de la formule.

Principes de base de Power Apps : environnement de développement et exécution de votre application
Power Apps : premiers pas avec cet outil révolutionnaire

Conclusion

En résumé, nous sommes en mesure d'apprendre l'importance et le contexte de la navigation PowerApps. Nous sommes également en mesure de comprendre le fonctionnement des fonctions Précédent et Naviguer dans notre application. Nous pouvons spécifier une transition visuelle dans la formule pour contrôler la façon dont un écran passe à un autre.

N'oubliez pas qu'il est toujours important de fournir aux utilisateurs un moyen efficace de naviguer dans les écrans de votre application.

Tous mes vœux,

Henri