Cette page a été traduite par l'API Cloud Translation.

Onglets

Les onglets sont des boutons qui apparaissent toujours en groupes et dépendent de l'état de chacun: un seul peut être actif à la fois.

Composant "Boutons"

Les boutons autres que des onglets peuvent fonctionner indépendamment des autres boutons

Anatomie

1. Icône de l'onglet actif
2. Icône de l'onglet inactif
3. Libellé de l'onglet actif
4. Libellé de l'onglet inactif

Caractéristiques techniques

Onglets imbriqués dans la barre d'application : alignés à gauche

Libellés de mise en page

Définitions de E, M, KL, P et Flex

Barre d'application et composant d'en-tête

Spécifications, consignes de style, etc.

Onglets imbriqués dans la barre d'application : alignement flexible

Avec l'alignement flexible, la configuration des onglets s'étire ou se compresse pour s'adapter à l'espace disponible.

Onglets réduits dans la barre d'application : menu du panneau

Barre d'application et composant d'en-tête

Spécifications, consignes de style, etc.

Barre d'onglets autonome : alignée à gauche

Barre d'onglets autonome : alignement flexible

Dépassement de la chaîne de libellé d'onglet

Ajuster les mises en page

Ces mises en page de référence montrent comment adapter les onglets pour s'adapter aux écrans de différentes largeurs et hauteurs. (Les catégories de largeur et de hauteur sont définies dans la section Layout (Mise en page).) Notez que toutes les valeurs de pixels sont exprimées en pixels de rendu, avant tout échantillonnage sous-échantillonnage ou sur-échantillonnage.

Mise en page

Marges, lignes de repère et marge intérieure pour différentes tailles d'écran

Libellés de mise en page

Définitions de E, M, KL, P et Flex

Écrans standards ou grands écrans dans une tranche de hauteur courte

Écrans standards ou grand écran dans une tranche de hauteur standard

Écrans standards ou grands écrans dans une tranche de hauteur élevée

Écrans extra larges et très grand angle entre tous les crochets de hauteur

Styles

Consignes relatives à la typographie

Références de mise à l'échelle et de grille, exemples typographiques, etc.

Consignes relatives aux couleurs

Palettes, valeurs d'élévation et d'opacité, etc.

Typographie

Style de type	Police	Poids	Taille (dp)
Corps 3 M	Roboto	Moyenne	24
Corps 3	Roboto	Standard	24

Couleur

Élément	Couleur(mode Jour)	Couleur (mode Nuit)
Type principal / Icônes	Blanc	Blanc à 88%
Type secondaire / Icônes	Blanc à 72%	Blanc à 60%
Arrière-plan de la barre d'onglets	Black	Black
Arrière-plan de la barre d'onglets lors du défilement	Noir à 84%	Noir à 88%
Icône d'onglet – état actif	Blanc	Blanc à 88%
Icône d'onglet - état inactif	Blanc à 56%	Blanc à 50%

Taille

Élément	Taille (dp)
Icône principale	44
Icône secondaire	36
Zone cible tactile de l'icône	76