Configurer les icônes de type de police

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

    • Configurez des icônes de police qui peuvent être utilisées à divers endroits dans les applications mobiles. Par exemple, vous pouvez utiliser des icônes de police dans les écrans, les cartes, les fonctions d’actions rapides, ainsi que les barres et onglets de navigation.

    Avant de commencer

    Rôle requis : admin

    Pourquoi et quand exécuter cette tâche

    Vous pouvez configurer une icône dans le flux de travail de configuration d’un écran ou vous pouvez configurer une icône en sélectionnant la catégorie Cartes et icônes dans le Générateur d'application mobile menu. Cette procédure utilise la catégorie Cartes et icônes .

    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 la catégorie Cartes et icônes , puis sélectionnez Nouveau.
    4. Dans la boîte de dialogue Créer une carte ou une icône, sélectionnez Icône, puis Continuer.
    5. Dans le formulaire Icône, entrez un nom pour l’icône.
      Assurez-vous de choisir un nom qui facilite l’identification de l’icône.
    6. Dans la liste déroulante Type, sélectionnez Police.
    7. Dans la section Définir l’apparence, entrez les informations suivantes dans les champs Style et Valeur pour configurer l’icône de police.

      Sélectionnez l’icône plus pour ajouter une ligne.

      Style Valeur
      Saisir le FontName

      Entrez l’une des familles de polices suivantes :

      • icônes now-mobile

        Ces icônes sont conçues pour être utilisées dans les écrans. Utilisez-les pour les listes et les destinations de section qui vont vers les écrans de liste et les écrans de navigateur. Utilisez ces icônes pour représenter un flux de travail ou un écran vers lequel vous souhaitez que les utilisateurs accèdent.

      • now-mobile-icons-cards

        Utilisez ces icônes dans le corps des cartes.

      • now-mobile-icons-buttons

        Ces icônes sont conçues pour être utilisées pour des fonctions. Ils peuvent être utilisés sur les boutons situés sur les cartes ou pour des actions rapides.

      • now-mobile-icons-ALPnavbar

        Ces icônes apparaissent dans le coin supérieur droit de l’écran de votre mobile et sont utilisées pour naviguer vers un autre écran.
      Saisir une valeur

      Entrez le code qui identifie l’icône dans la famille de polices que vous souhaitez utiliser. Par exemple, e903 est le code de l’icône de panier plein dans la now-mobile-icons-buttons famille de polices.

      Pour obtenir des listes de codes d’icônes de famille de polices, reportez-vous à la rubrique du type d’icône que vous souhaitez utiliser dans le Référence d’icône mobilefichier .

      Saisissez FontColor pour spécifier un code hexadécimal pour la couleur de votre icône.

      Cette configuration est facultative. Si vous ne spécifiez pas de couleur, la couleur par défaut de l’icône est le noir.

      		 Entrez le code hexadécimal de la couleur que vous souhaitez utiliser. Par exemple, pour spécifier une icône rouge, saisissez #FF494D.
      Entrer un nom

      Saisissez le nom répertorié pour l’icône dans la famille de polices. Par exemple, si vous souhaitez utiliser l’icône du panier d’achats dans la famille de now-mobile-icons polices, vous devez saisir Panier.

      Pour obtenir la liste des noms d’icônes des familles de polices, reportez-vous à la Référence d’icône mobilesection .
    8. Sélectionnez Enregistrer.

    Que faire ensuite

    Après avoir créé l’icône de famille de polices, vous devez utiliser Générateur d’application mobile pour configurer une application mobile afin qu’elle utilise l’icône. Pour plus d'informations, consultez Ajouter une icône de police dans une application mobile.