Os componentes são os blocos de construção para o design visual da interface do Android Automotive OS (AAOS). Alguns componentes do AAOS e as propriedades personalizáveis deles são implementados na biblioteca de interface do carro, enquanto outros são componentes padrão do AOSP ou precisam ser criados do zero seguindo as especificações fornecidas aqui.
Esta seção descreve a anatomia, as especificações visuais e os estilos dos componentes do AAOS.
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-1.png?authuser=19&hl=pt-br)
Barra e cabeçalho do app
Um espaço dedicado para funções importantes relacionadas ao app
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-2.png?authuser=19&hl=pt-br)
Botões
affordances de ação que comunicam o propósito ao usuário
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-3.png?authuser=19&hl=pt-br)
Barra de controle
Conjunto expansível de controles associados a uma visualização específica
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-4.png?authuser=19&hl=pt-br)
Caixas de diálogo
Cards com mensagens para os usuários sobre informações oportunas ou urgentes, às vezes com opções de ação para responder
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-5.png?authuser=19&hl=pt-br)
Grades
Matrizes roláveis de imagens que representam itens de conteúdo, com um texto curto abaixo de cada imagem
![](https://developers.google.cn/cars/design/automotive-os/components/images/keypad-ov.png?authuser=19&hl=pt-br)
Teclado
Permite que os usuários insiram números de telefone no Telefone
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-6.png?authuser=19&hl=pt-br)
Itens em lista
Conteúdo mostrado como linhas de texto (com imagens pequenas ou ícones opcionais) em uma única coluna rolável
![](https://developers.google.cn/cars/design/automotive-os/components/images/Comp-Ov-Pi.png?authuser=19&hl=pt-br)
Indicador de progresso da mídia
Representação visual da duração e do tempo de reprodução decorrido de uma fonte de mídia em um app de música
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-7.png?authuser=19&hl=pt-br)
Barra de controle minimizada
Uma versão menor da barra de controle disponível em várias visualizações, com controles e metadados mínimos
![](https://developers.google.cn/cars/design/automotive-os/components/images/noti-card-ov.png?authuser=19&hl=pt-br)
Card de notificação
Comunicar pequenas quantidades de informações oportunas do sistema ou de um app
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-8.png?authuser=19&hl=pt-br)
Subheader
Um bloco de lista que identifica uma seção de conteúdo em uma visualização em grade ou em lista
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-10.png?authuser=19&hl=pt-br)
Barra de rolagem
Um indicador de posição e auxílio de navegação para situações em que o documento é maior do que a janela em que é exibido
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-9.png?authuser=19&hl=pt-br)
Guias
Botões que sempre ocorrem em grupos e dependem do estado um do outro.
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-toast.png?authuser=19&hl=pt-br)
Avisos
Mensagens informativas mostradas brevemente perto da parte de baixo da tela sobre uma ação que um app realizou ou realizará