A partir de 27 de março de 2025, recomendamos usar android-latest-release
em vez de aosp-main
para criar e contribuir com o AOSP. Para mais informações, consulte Mudanças no AOSP.
Anexo B, personalização
Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
Para garantir que as personalizações da interface do carro funcionem conforme o esperado, é PRECISO seguir os
itens descritos abaixo.
Geral
Os limites nesta seção são verdadeiros, independentemente do layout:
Elemento |
Descrição |
---|
Tipografia |
|
Contraste |
- O contraste entre o primeiro plano (texto) e o segundo plano PRECISA ser de pelo menos 4,5:1.
- O contraste entre a cor do botão e o plano de fundo PRECISA ser de pelo menos 3:1.
- O contraste do estado selecionado da guia com o plano de fundo PRECISA ser de pelo menos 4,5:1.
- O contraste entre o estado selecionado e o não selecionado da guia PRECISA ser de pelo menos 3:1.
|
Outros |
- Todos os ícones precisam ser drawables vetoriais.
- As áreas de toque precisam ter pelo menos 76 dp de largura.
- As constantes de preenchimento precisam aparecer em ordem decrescente, por exemplo:
car_ui_padding_0 > car_ui_padding_1 >
car_ui_padding_2
|
Componentes
Os valores abaixo se aplicam a componentes específicos:
Elemento |
Descrição |
---|
|
Deve ser largo o suficiente para mostrar strings de título com pelo menos 20 caracteres "W". |
Preference |
Deve ser largo o suficiente para mostrar strings de título com pelo menos 20 caracteres "W". |
Visualização com estilo de app
| DEVE ser:
- Largura suficiente para exibir pelo menos 672 pixels de densidade independente (dp).
- Alto o suficiente para mostrar pelo menos 672 dp.
|
Layout
Os limites nesta seção se referem a layouts e combinações específicos de componentes da biblioteca Car UI.
Uma série de casos únicos foi observada e generalizada em padrões emergentes.
Caixa de diálogo de local
Uma caixa de diálogo de teste que contém o mesmo conteúdo da caixa de diálogo de localização do Google Play Services,
criada com componentes da biblioteca de interface do carro e testada para garantir a visibilidade total do conteúdo:
Elemento |
Descrição |
---|
Title |
PRECISA ser largo o suficiente para mostrar strings de pelo menos 38 caracteres "W". |
Body |
PRECISAM estar completamente visíveis e grandes o suficiente para mostrar:
- Strings que podem consistir em pelo menos 270 caracteres "W".
- Pelo menos quatro linhas de texto.
|
Call-to-action (CTA) |
A CTA PRECISA estar completamente visível:
- A caixa de diálogo precisa ser larga o suficiente para mostrar pelo menos dois CTAs.
- Os títulos precisam ser largos o suficiente para mostrar strings com pelo menos 9 caracteres "W".
|
Tela de configurações
A tela "Test Settings" é composta pelos componentes da barra de apps, do subcabeçalho e dos elementos da lista,
que são descritos na tabela:
Elemento |
Descrição |
---|
Barra de apps |
- O título PRECISA ser largo o suficiente para exibir strings de pelo menos 12 caracteres "W".
- PRECISA ter pelo menos 76 dp de altura.
|
Subheader |
PRECISA ser largo o suficiente para mostrar strings de pelo menos 12 caracteres “W”. |
Elementos da lista |
Deve ser:
- Ampla o suficiente para exibir strings de pelo menos 12 caracteres "W".
- Pelo menos 76 dp de altura.
|
O conteúdo e os exemplos de código nesta página estão sujeitos às licenças descritas na Licença de conteúdo. Java e OpenJDK são marcas registradas da Oracle e/ou suas afiliadas.
Última atualização 2025-07-27 UTC.
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 2025-07-27 UTC."],[],[],null,["# Appendix B, customization\n\nTo ensure Car UI customizations perform as intended, you MUST adhere to the\nitems described below.\n\nGeneral\n-------\n\nLimits in this section are true regardless of layout:\n\n| Element | Description |\n|----------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| ### Typography | - Tab text labels MUST be wide enough to display strings of at least 6 \"W\" characters. - Text containers MUST be tall enough to fully display a single \"H\" character. - Text sizes MUST appear in descending order, for example: `car_ui_body_1` \\\u003e `car_ui_body_2` \\\u003e `car_ui_body_3` |\n| ### Contrast | - Contrast between foreground (text) and background MUST be at least 4.5:1. - Contrast between button color and background MUST be at least 3:1. - Tab selected state contrast with background MUST be at least 4.5:1. - Tab selected state contrast with unselected state MUST be at least 3:1. |\n| ### Others | - All icons MUST be vector drawables. - Touch targets MUST be at least 76 dp wide. - Padding constants MUST appear in descending order, for example: `car_ui_padding_0` \\\u003e `car_ui_padding_1` \\\u003e `car_ui_padding_2` |\n\nComponents\n----------\n\nValues provided below apply to specific components:\n\n| Element | Description |\n|---------------------|-----------------------------------------------------------------------------------------------------------------------------|\n| ### Toolbar | SHOULD be wide enough to display title strings of at least 20 \"W\" characters. |\n| ### Preference | SHOULD be wide enough to display title strings of at least 20 \"W\" characters. |\n| ### App styled view | SHOULD be: - Wide enough to display at least 672 density-independent pixels (dp). - Tall enough to display at least 672 dp. |\n\nLayout\n------\n\nLimits in this section pertain to specific layouts and combinations of Car UI library components.\nA series of unique cases have been observed and generalized into emergent patterns.\n\n### Location dialog\n\nA test dialog that contains the same content as the Google Play Services location dialog,\nconstructed with Car UI library components and tested to ensure full content visibility:\n\n| Element | Description |\n|--------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| **Title** | MUST wide enough to display strings of at least 38 \"W\" characters. |\n| **Body** | MUST be completely visible and large enough to display: - Strings that may consist of at least 270 \"W\" characters. - At least four lines of text. |\n| **Call-to-action (CTA)** | CTA MUST be completely visible: - Dialog MUST be wide enough to display at least two CTAs. - Titles MUST be wide enough to display strings of at least 9 \"W\" characters. |\n\n### Settings screen\n\nThe Test Settings screen is composed of the app bar, subheader, and list elements components,\nwhich are described in the table:\n\n| Element | Description |\n|-------------------|-------------------------------------------------------------------------------------------------------------|\n| **App bar** | - Title MUST be wide enough to display strings of at least 12 \"W\" characters. - MUST be at least 76dp tall. |\n| **Subheader** | MUST be wide enough to display strings of at least 12 \"W\" characters. |\n| **List elements** | MUST be: - Wide enough to display strings of at least 12 \"W\" characters. - At least 76dp tall. |"]]