Configurer la barre de navigation et les onglets de navigation

  • Rversion finale: Xanadu
  • Mis à jour 1 août 2024
  • 6 minutes de lecture

    • Configurez la barre de navigation qui s’affiche en bas de l’application mobile. Utilisez les onglets de la barre de navigation pour accéder aux écrans, aux écrans de lanceur, ainsi qu’aux enregistrements enregistrés, aux paramètres et aux pages de notifications.

    Avant de commencer

    Rôle requis : administrateur

    Pourquoi et quand exécuter cette tâche

    Ajoutez une barre de navigation à votre application mobile et différents types d’onglets de navigation pertinents pour les besoins de vos utilisateurs. Vous pouvez choisir des onglets préconfigurés ou créer un onglet basé sur un modèle existant. Les configurations de l’écran du lanceur et des onglets d’écran sont légèrement différentes de celles des onglets Enregistré, Notifications et Paramètres.

    Les onglets de navigation de l’écran et de l’écran de lancement peuvent également contenir un nombre de badges. Ce badge est un numéro qui s’affiche à côté de l’onglet de navigation, en fonction des conditions définies. Par exemple, le nombre de badges peut afficher des informations telles que le nombre d’enregistrements dans une liste ou les enregistrements dans une section d’enregistrement.

    Voici un bref résumé de chacun des types d’onglets de navigation :
    • Lanceur : utilisez cette option pour accéder à un écran de lanceur.
    • Écran : utilisez cette option pour accéder à un écran qui affiche les données d’enregistrement ou les sections de l’interface utilisateur.
    • Enregistré : cette option ouvre une page affichant les enregistrements enregistrés par l’utilisateur.
    • Notifications : cette option ouvre la page Notifications affichant les notifications liées à l’utilisateur dans l’expérience de l’application mobile.
    • Paramètres : cette option ouvre la page Paramètres dans laquelle l’utilisateur contrôle son expérience mobile.
    Remarque :
    Votre barre de navigation ne doit contenir qu’un seul des types d’onglets, Enregistrés, Notifications et Paramètres. Pour plus d’informations, reportez-vous à la section Instructions générales pour la barre de navigation de la rubrique Barre de navigation.

    Procédure

    1. Accédez à la Tout > Mobile système > Mobile App Builder.
      Générateur d'application mobile s'ouvre dans un onglet de navigateur séparé et affiche l'écran de sélection du périmètre de l'application.
    2. Recherchez le périmètre de l'application dans lequel vous travaillez, puis sélectionnez le nom du périmètre de l'application.
      L'écran d'accueil des catégories Générateur d'application mobile s'affiche.
    3. Sélectionnez Tous les enregistrements Mobile dans le menu.
    4. Dans le champ Type d’enregistrement , sélectionnez Barre de navigation [sys_sg_navigation], puis sélectionnez Nouveau.
    5. Saisissez un nom pour votre barre de navigation.
    6. Sélectionnez ou créez des types d’onglets de navigation à ajouter à votre barre de navigation.
      Méthode pour ajouter des onglets de navigationProcédure
      Sélectionner les onglets de navigation existants
      1. Sélectionnez Choisir dans la section Onglets de navigation.
      2. Sélectionnez un onglet de navigation, puis Appliquer.
      3. Répétez les étapes a. et b. pour chaque onglet de navigation que vous souhaitez ajouter.
      4. Sélectionnez Enregistrer.
      Créez un type d’onglet de navigation enregistré, de notifications ou de paramètres.
      1. Sélectionnez Nouveau dans la section Onglets de navigation.
      2. Sélectionnez le type d’onglet Enregistré, Notifications ou Paramètres, puis sélectionnez Continuer.
      3. Dans l’écran du nouvel onglet de l’option que vous avez sélectionnée, procédez comme suit.
        1. Donnez un nom à l’onglet dans le champ Étiquette .
        2. Indiquez si l’onglet doit s’afficher dans la barre de navigation, à l’aide du bouton bascule Actif .
        3. Dans le champ Icône, indiquez si vous souhaitez choisir une icône existante ou créer une icône pour votre onglet de navigation. Effectuez l’une des actions suivantes.
          1. Sélectionnez Choisir, puis choisissez une icône, puis sélectionnez Appliquer.
          2. Sélectionnez Nouveau pour afficher le formulaire Nouvelle icône, puis procédez comme suit :
            1. Donnez un nom à l’icône.
            2. Dans le champ Type , sélectionnez Image.
            3. Dans la section Définir l’apparence, dans le champ Style , entrez le nom.
            4. Dans la section Définir l’apparence, dans le champ Valeur , saisissez le nom d’une icône d’image. Pour obtenir la liste des noms des icônes d’image, reportez-vous à la section Icônes des images.
      4. Sélectionnez Enregistrer.
      Créez un type d’onglet de lanceur ou de navigation d’écran
      1. Sélectionnez Nouveau dans la section Onglets de navigation.
      2. Sélectionnez le type d’onglet Lanceur ou Écran, puis sélectionnez Continuer.
      3. Dans l’écran du nouvel onglet de l’option que vous avez sélectionnée, procédez comme suit.
        1. Donnez un nom à l’onglet dans le champ Étiquette .
        2. Indiquez si l’onglet doit s’afficher dans la barre de navigation, à l’aide du bouton bascule Actif .
        3. Selon que vous avez sélectionné les types d’onglets Lanceur ou Navigation à l’écran, effectuez l’une des actions suivantes.
          • Si vous avez sélectionné Lanceur, dans la zone Lanceur, sélectionnez Choisir, sélectionnez un écran de lanceur, puis sélectionnez Appliquer. Vous pouvez également sélectionner Nouveau pour créer un écran de lanceur. Il s’agit de l’écran de lanceur vers lequel les utilisateurs sont dirigés lorsqu’ils appuient sur cet onglet de navigation. Pour plus d’informations sur la création d’un écran de lanceur, reportez-vous à la section Créer un écran de lanceur.
          • Si vous avez sélectionné Écran, puis dans la zone Écran, sélectionnez Choisir, sélectionnez un écran, puis sélectionnez Appliquer. Il s’agit de l’écran vers lequel les utilisateurs sont dirigés lorsqu’ils appuient sur cet onglet de navigation.
        4. Dans le champ Icône, indiquez si vous souhaitez choisir une icône existante ou créer une icône. Effectuez l’une des actions suivantes.
          • Sélectionnez Choisir, puis choisissez une icône, puis sélectionnez Appliquer.
          • Sélectionnez Nouveau pour afficher le formulaire Nouvelle icône, puis procédez comme suit :
            1. Donnez un nom à l’icône.
            2. Dans la liste Type , sélectionnez Image.
            3. Dans la section Définir l’apparence, dans le champ Style , entrez le nom.
            4. Dans la section Définir l’apparence, dans le champ Valeur , saisissez le nom d’une icône d’image. Pour obtenir la liste des noms des icônes d’image, reportez-vous à la section Icônes des images.
            5. Sélectionnez Enregistrer.
        5. Ajoutez un nombre de badges pour indiquer le nombre d’enregistrements qui attendent l’attention de vos utilisateurs pour cet onglet.
          1. Sélectionnez Nouveau dans la section Nombre de badges.
          2. Saisissez un nom pour le nombre de badges dans le champ Nom .
          3. Indiquez si le badge doit s’afficher dans l’onglet de navigation, à l’aide du bouton bascule Actif .
          4. Dans la section Données, sélectionnez la table à laquelle vous souhaitez appliquer votre filtre de condition.
          5. Dans la section Conditions, créez des conditions utilisées pour compter les enregistrements qui correspondent à la condition afin de déterminer le nombre de badges. Les enregistrements qui correspondent à la condition sont affichés sous forme de nombre dans l’onglet de navigation. Pour en savoir plus sur la configuration des décomptes de badges dans l’interface utilisateur Web, reportez-vous à la section Configurer le nombre de badges sur les barres de navigation.
          6. Dans la section Positionnement de badge, les champs Emplacement, Composant mobile et Composant contiennent tous des valeurs prédéfinies.
          7. Sélectionnez Enregistrer.
        6. Ajoutez des autorisations de critères d’utilisateur pour déterminer les critères qu’un utilisateur doit respecter pour afficher cet onglet dans sa barre de navigation. Pour en savoir plus, reportez-vous à la section Rôles d’utilisateur et autorisations de critères d’utilisateur pour les applications mobiles.
      4. Sélectionnez Enregistrer.
    7. Sélectionnez Enregistrer.
    8. Sélectionnez l’enregistrement de la barre de navigation dans l’arborescence de navigation pour afficher les onglets de navigation que vous avez sélectionnés.
    9. Pour définir l’ordre des onglets de navigation à afficher dans la barre de navigation, procédez comme suit.
      1. Sélectionnez la valeur dans la colonne Ordre de l’onglet de navigation que vous souhaitez définir.
      2. Saisissez une valeur d’ordre.
        Remarque :
        Les onglets de navigation avec les valeurs inférieures s’affichent à gauche de la barre de navigation.
      3. Sélectionner l’option de vérification
      4. Répétez ces étapes pour chacun des onglets de navigation que vous souhaitez commander.
    10. Sélectionnez Enregistrer.