Skip to content
Zyllio Documentation French
  • Pages
    • Bienvenue
    • Première application
    • Tableau de bord
    • Outil de conception
    • Editeur d'écrans
    • icon picker
      Editeur de séquence d'écrans
    • Simulation
    • Publications
    • Plugins
    • Tutoriels
      • Google Sheets
      • Airtable
      • timetonic
        Timetonic
      • Formules
      • Variables
      • Chat
      • Twilio
      • Authentification
      • SSO
      • Intégration REST
      • Paiements Stripe
      • make
        Make
      • zapier
        Zapier
      • Domaine personnalisé
      • Mode déconnecté (offline)
      • Push notifications
      • Favoris / Follower / Like
      • Transférer une application
      • xano
        Xano
      • baserow
        Baserow
      • Traductions
      • API SAAS
      • Monétiser vos apps (SAAS)
      • Paramètres d'application
    • FAQ
Zyllio Documentation French
/
Editeur de séquence d'écrans

Editeur de séquence d'écrans

Cet éditeur permet de relier les écrans de votre application mobile en fonction des interactions de l'utilisateur, telles que les clics sur les boutons et autres composants graphiques comme les listes. Vous apprendrez également à définir l'écran de démarrage de votre application.

Relier les écrans

Pour créer une navigation fluide dans votre application, suivez ces étapes :

Ajouter un composant interactif

Ajoutez un composant graphique (par exemple, un bouton Enter) à votre écran comme ci-dessous
⁠
image.png
⁠
⁠

Définir une transition d’écran

Dans l’onglet Flow
Sélectionnez le composant bouton
Glissez la poignée de droite vers l'écran de destination
⁠
⁠
⁠

Défaire une transition d’écran

Dans l’onglet Flow
Sélectionnez le composant bouton
Sélectionnez le lien
Glissez l’extrémité du lien en dehors de l’écran

⁠
⁠
⁠

Définir l'écran de démarrage

Pour définir l'écran qui s'affiche au lancement de l'application :
Retournez à l'éditeur de séquence d'écrans.
Localisez l'écran que vous souhaitez définir comme écran de démarrage.
Cliquez sur l'icône de la maison (Home) à gauche de cet écran.
⁠
image.png
⁠
⁠

Tester votre navigation

Il est important de tester la navigation de votre application pour s'assurer que tout fonctionne comme prévu.
Utilisez le mode simulateur depuis l’onglet Simulation.
Interagissez avec les écrans que vous avez configurés.
Vérifiez si la navigation correspond à vos attentes.

Conseils et astuces

Assurez vous que les transitions entre les écrans sont logiques et intuitives pour l'utilisateur.
Utilisez des noms d'écrans clairs pour faciliter la configuration de la navigation.
Testez régulièrement les modifications pour éviter les erreurs de navigation.


Want to print your doc?
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.