Barre de contrôle réduite

La barre de contrôle réduite permet d'afficher un ensemble minimal de commandes et de métadonnées. Lorsqu'elle est sélectionnée, elle ouvre une fenêtre en plein écran contenant une barre de contrôle plus large avec des options supplémentaires.

Par exemple, la barre de contrôle réduite des applications multimédias conserve un petit ensemble de commandes de lecture et de métadonnées disponibles dans toute l'application pendant la lecture de musique – et elle peut également ouvrir une vue de lecture en plein écran.

icône de bulle
composant de la barre de contrôle
La barre de contrôle complète peut afficher un ensemble de commandes étendu.

Anatomie

1. Tuile de contenu
2. Métadonnées
3. Commandes

Spécifications

icône de bulle
composant d'éléments de liste
Spécifications, directives de style et plus encore

Barre de contrôle réduite

Barre de contrôle réduite avec débordement de texte

Mise à l'échelle des mises en page

Ces exemples de mise en page montrent comment adapter la barre de contrôle réduite aux écrans de différentes largeurs et hauteurs. Veuillez noter que toutes les valeurs de pixels sont exprimées en pixels rendus, avant tout sous-échantillonnage ou suréchantillonnage.

Écrans de largeur standard

Écrans larges

Écrans extra-larges et super-larges

Styles

Typographie

Style de caractères Police de caractères Poids Taille (dp)
Corps 1 Roboto Régulier 32
Corps 3 Roboto Régulier 24

Couleur

Élément Couleur (mode jour) Couleur (mode nuit)
Type primaire Blanc Blanc à 88%
Type secondaire Blanc à 72% Blanc à 60 %
Icônes Blanc Blanc à 88%
Indicateur de temps écoulé accent d'une tierce personne accent d'une tierce personne
Indicateur de temps restant #464A4D #464A4D
Arrière-plan de la barre de contrôle réduite #0E1013 à 84% #0E1013 à 88%
troncature du gradient Noir à 0-100 % dans 10 % de l'espace texte Noir à 0-100 % dans 10 % de l'espace texte

Tailles

Élément Taille (dp)
Icônes 44
Tuile de contenu 96
Indicateur de progrès 84
Indicateur de progrès 4
Hauteur de la barre de contrôle réduite 128
Rayon d'angle arrondi (R1) 4

Exemples

Barre de contrôle réduite pour les écrans plus larges que la largeur standard.

Barre de contrôle réduite pour les écrans de largeur standard.