Modèle d'onglet

Le modèle d'onglet sert de conteneur pour les autres modèles répertoriés ci-dessous, en fournissant des onglets en haut de l'écran (comme illustré dans la section Anatomie du modèle d'onglet).

Les onglets permettent de passer d'une vue à l'autre. Cette fonctionnalité est particulièrement utile pour organiser les contenus ou les affichages que les utilisateurs souhaitent parcourir ou rechercher.

Articles inclus:

  • Barre d'onglets avec une icône d'application et jusqu'à quatre onglets (pas de bouton "Retour")
  • Modèle intégré, qui peut correspondre à l'un des types suivants :

Chaque vue d'onglet correspond à un modèle intégré, et une seule vue d'onglet peut être active à la fois.

Maquettes du modèle d'onglet

Anatomie du modèle d'onglet

Maquettes du modèle d'onglet, y compris tous les modèles intégrés possibles

Le modèle d'onglet comprend les éléments suivants:

  1. La barre d'onglets, qui peut afficher jusqu'à quatre onglets
  2. Modèle intégré, à l'aide de l'un des modèles suivants: Liste, Grille, Recherche, Volet ou Message

Exemples de modèles d'onglets

Modèle d'onglet avec modèle de liste intégré
La vue de l'onglet "Tous les appareils" est créée à l'aide d'un modèle d'onglet contenant un modèle de liste (exemple Android Auto)
Modèle d'onglet avec modèle de grille intégré
La vue de l'onglet "Appareils connectés" est créée à l'aide d'un modèle d'onglet contenant un modèle de grille (exemple Android Auto)

Exigences concernant l'expérience utilisateur des modèles d'onglets

Développeurs d'applications:

OBLIGATOIRE Incluez une barre d'onglets avec un libellé et une icône vectorielle monochrome pour chaque onglet.
OBLIGATOIRE Incluez entre deux et quatre onglets dans l'en-tête de l'application.
OBLIGATOIRE Incluez un modèle intégré non vierge dans chaque affichage d'onglet.
NE DOIT PAS ÊTRE Autoriser l'activation de plusieurs onglets à la fois
NE DOIT PAS ÊTRE Créez une navigation secondaire en ajoutant un deuxième niveau d'onglets.
FORTEMENT RECOMMANDÉ Utilisez des libellés d'onglet court pour éviter la troncation.
NE DOIT PAS Incluez un en-tête ou une bande d'actions dans les modèles intégrés.