Ajouter un écran et naviguer entre les écransAdd a screen and navigate between screens

Créez une application avec plusieurs écrans et ajoutez des méthodes permettant aux utilisateurs de naviguer entre ces écrans.Create an app with multiple screens, and add ways for users to navigate between them.

Conditions préalablesPrerequisites

Ajouter et renommer un écranAdd and rename a screen

  1. Dans l’onglet Home (Accueil), cliquez ou appuyez sur New Screen (Nouvel écran).On the Home tab, click or tap New screen.

    Option New Screen(Nouvel écran) sous l’onglet Home

  2. Dans le volet de droite, cliquez ou appuyez sur le nom de l’écran (juste au-dessus de l’onglet Propriétés), puis tapez le nouveau nom Source.In the right-hand pane, click or tap the name of the screen (just above the Properties tab), and then type the new name Source.

    Renommer l’écran par défaut

  3. Ajoutez un autre écran et nommez-le Target.Add another screen, and name it Target.

    Deux écrans dans la barre de navigation gauche

Ajouter la navigationAdd navigation

  1. Sélectionnez l’écran Source, ouvrez l’onglet Insert (Insertion), puis cliquez ou appuyez sur Icons (Icônes) et sur Next arrow (Flèche Suivant).With the Source screen selected, open the Insert tab, click or tap Icons, and then click or tap Next arrow.

    Option de formes sous l’onglet Insert (Insertion)

  2. (facultatif) Déplacez la flèche afin qu’elle apparaisse dans le coin inférieur droit de l’écran.(optional) Move the arrow so that it appears in the lower-right corner of the screen.
  3. Toujours en sélectionnant la flèche, cliquez ou appuyez sur l’onglet Action, puis cliquez ou appuyez sur Navigate.With the arrow still selected, click or tap the Action tab, and then click or tap Navigate.

    La propriété OnSelect de la flèche est automatiquement définie sur la fonction Navigate.The OnSelect property for the arrow is automatically set to a Navigate function.

    Propriété OnSelect définie sur la fonction Navigate

    Lorsqu’un utilisateur clique ou appuie sur la flèche, l’écran Target apparaît.When a user clicks or taps the arrow, the Target screen fades in.

  4. Sur l’écran Target, sélectionnez Back arrow (Flèche Précédent) et définissez sa propriété OnSelect sur la formule suivante :On the Target screen, add a Back arrow, and set its OnSelect property to this formula:
    Navigate(Source, ScreenTransition.Fade)Navigate(Source, ScreenTransition.Fade)
  5. Ouvrez le mode d’aperçu ( ou appuyez sur F5), puis basculez entre les écrans en cliquant sur les flèches que vous avez ajoutées.Open Preview mode ( or press F5), and then switch between the screens by clicking or tapping the arrows that you added.
  6. Appuyez sur Échap pour revenir à l’espace de travail par défaut.Press Esc to return to the default workspace.