La barre d'application et l'en-tête constituent une barre dédiée située en haut de la zone de travail de l'application et personnalisable pour afficher des fonctions importantes liées à l'application, telles que la marque, la navigation principale et l'accès aux commandes de l'application.
Utilisez des mises en page cohérentes pour la barre d'application et l'en-tête afin de placer les commandes principales, telles que la recherche intégrée, à un emplacement standard dans toute l'interface utilisateur.
Anatomie
La barre d'application et l'en-tête peuvent inclure divers éléments. Elles peuvent être configurées de deux manières :
- En-tête d'application : lorsqu'il est configuré comme en-tête d'application, ce composant contient un espace pour du texte optionnel, avec un minimum d'icônes et de boutons. Il comprend généralement un titre d'écran et une flèche de retour.
- Barre d'application : Lorsqu'elle est configurée comme une barre d'application, elle peut inclure des icônes, des onglets et des boutons . Les éléments typiques comprennent une icône d'application et des options de navigation.
Chacune de ces versions peut également inclure des commandes d'application, telles que la recherche et les paramètres intégrés.
1. Flèche de retour
2. Titre de l'écran
3. Bouton
4. Commandes de l'application
5. Icône de l'application
6. Navigation principale (onglets)
Spécifications – Barre d'applications
Barre d'application avec navigation principale – centrée
Barre d'application avec navigation principale – alignée à gauche
Barre d'application avec navigation principale – réduite (tiroir au lieu d'onglets)
Spécifications – En-tête de l'application
En-tête de l'application avec titre centré
En-tête d'application avec contrôle d'application unique
En-tête d'application avec plusieurs contrôles d'application
En-tête d'application avec un seul bouton
En-tête de l'application avec plusieurs boutons
En-tête de l'application avec débordement de texte
En-tête de l'application avec barre d'onglets indépendante
Personnalisation
Vous pouvez exprimer votre marque en modifiant l'apparence visuelle de la barre d'application et de l'en-tête. Les modifications peuvent inclure :
- Icônes personnalisées
- Polices personnalisées
- Définition de l'apparence des boutons actifs, inactifs et désactivés
- Réglage des dimensions et de l'emplacement des boutons
Exemples
