Les sous-titres sont des vignettes de liste qui identifient les sections de contenu d'une vue Liste ou Grille. Ils sont généralement utilisés pour les sous-sections de contenu produites par un filtre ou un tri.
Lorsque vous faites défiler le contenu situé sous un sous-titre, celui-ci reste épinglé en haut de l'écran jusqu'à ce qu'il soit retiré de l'écran par le sous-titre suivant.
Anatomie
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-anatomy-1.png?authuser=9&hl=fr)
2. Libellé du texte
Caractéristiques techniques
Sous-titre dans la grille
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-spec-1.png?authuser=9&hl=fr)
Sous-titre dans la liste
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-spec-2.png?authuser=9&hl=fr)
Styles
Typographie
Style de type | Police | Poids | Taille (dp) |
---|---|---|---|
Corps 3 M | Roboto | Moyenne | 24 |
Couleur
Élément | Couleur(mode Jour) | Couleur (mode Nuit) |
---|---|---|
Type principal | Blanc | Blanc à 88% |
Arrière-plan du sous-titre | Black | Black |
Taille
Élément | Taille (dp) |
---|---|
Hauteur du sous-titre | 76 |
Exemples
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-mock-1.png?authuser=9&hl=fr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-mock-2.png?authuser=9&hl=fr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-mock-3.png?authuser=9&hl=fr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/subheader-mock-4.png?authuser=9&hl=fr)