Modèle d'onglet

Le modèle "Tab" sert de conteneur pour les autres modèles et permet de basculer entre les vues.

Cette fonctionnalité est particulièrement utile pour organiser le contenu ou les vues entre lesquels les utilisateurs souhaitent basculer fréquemment, comme les appareils disponibles, les paramètres, etc.

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

  • Barre d'onglets avec icône d'application et jusqu'à quatre onglets. Chaque onglet doit fournir une icône et un titre.
  • Modèle intégré, qui peut être l'un des types suivants :

Chaque onglet correspond à un modèle intégré. Un seul onglet peut être actif à la fois.

Exemple de modèle d'onglet
Exemple de modèle d'onglet

Anatomie du modèle d'onglet

Modèle d'onglet avec une liste intégrée
Modèle d'onglet avec une grille intégrée
Modèle d'onglet avec un volet intégré
Modèle d'onglet avec un message intégré
Modèle d'onglet avec modèle de navigation intégré
Modèle d'onglet avec modèle de recherche intégré

Exigences UX pour le modèle d'onglet

OBLIGATOIRE Fournissez des icônes pour chaque onglet.
OBLIGATOIRE Incluez au moins deux onglets et pas plus de quatre.
SHOULD Utilisez des libellés d'onglet courts pour éviter qu'ils ne soient tronqués.
NE DOIT PAS Utilisez une bande d'en-tête ou d'action dans les modèles intégrés.

Ressources

Saisie Lien
Documentation de référence de l'API TabTemplate, TabTemplate.Builder