Les composants sont les éléments de base de la conception visuelle de l'interface Android Automotive OS (AAOS). Certains composants AAOS et leurs propriétés personnalisables sont implémentés dans la bibliothèque d'UI de la voiture, tandis que d'autres sont des composants AOSP standards ou doivent être créés de toutes pièces conformément aux spécifications fournies ici.
Cette section décrit l'anatomie, les caractéristiques visuelles et les styles des composants AAOS.
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-1.png?authuser=0000&hl=fr)
Barre d'application et en-tête
Un espace dédié aux fonctions importantes de l'application
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-2.png?authuser=0000&hl=fr)
Boutons
Les affordances d'action qui communiquent leur objectif à l'utilisateur
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-3.png?authuser=0000&hl=fr)
Barre de commandes
Ensemble extensible de commandes associées à une vue spécifique
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-4.png?authuser=0000&hl=fr)
Boîtes de dialogue
Fiches contenant des messages destinés aux utilisateurs au sujet d'informations urgentes ou en temps opportun, parfois accompagnées d'options d'action pour y répondre
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-5.png?authuser=0000&hl=fr)
Grilles
Tableaux défilants d'images représentant des éléments de contenu, avec un texte court sous chaque image
![](https://developers.google.cn/cars/design/automotive-os/components/images/keypad-ov.png?authuser=0000&hl=fr)
Clavier
Permet aux utilisateurs de saisir des numéros de téléphone dans Téléphone
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-6.png?authuser=0000&hl=fr)
Éléments de liste
Contenu affiché sous forme de lignes de texte (avec de petites images ou icônes facultatives) dans une seule colonne déroulante
![](https://developers.google.cn/cars/design/automotive-os/components/images/Comp-Ov-Pi.png?authuser=0000&hl=fr)
Indicateur de progression du contenu multimédia
Représentation visuelle de la durée et du temps de lecture écoulé pour une source multimédia dans une application multimédia
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-7.png?authuser=0000&hl=fr)
Barre de commandes réduite
Une version réduite de la barre de commandes disponible sur plusieurs vues, avec un minimum de commandes et de métadonnées
![](https://developers.google.cn/cars/design/automotive-os/components/images/noti-card-ov.png?authuser=0000&hl=fr)
Fiche de notification
Communiquer en temps opportun de petites quantités d'informations à partir du système ou d'une application
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-8.png?authuser=0000&hl=fr)
Sous-titre
Vignette de liste qui identifie une section de contenu dans un affichage sous forme de grille ou de liste
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-10.png?authuser=0000&hl=fr)
Barre de défilement
Indicateur de position et aide à la navigation lorsque le document est plus grand que la fenêtre dans laquelle il est affiché
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-9.png?authuser=0000&hl=fr)
Tabs
Boutons qui apparaissent toujours dans des groupes et dépendent de l'état des autres
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-toast.png?authuser=0000&hl=fr)
Toasts
Messages d'information brièvement affichés en bas de l'écran concernant une action effectuée ou entreprise par une application