Mantenha tudo organizado com as coleções
Salve e categorize o conteúdo com base nas suas preferências.
As formas ajudam a enfatizar a importância de alguns elementos da tela em relação a outros.
Resumo (TL;DR):
Usar cantos mais arredondados (raio de canto maior) para componentes e ações principais
Use cantos mais quadrados e menos arredondados (raio dos cantos inferiores) para elementos de baixa ênfase
Valores de raio dos cantos
O Android para carros oferece um conjunto de valores de raio dos cantos para enfatizar a importância de vários elementos de tela em relação a outros.
R0
R1
R2
R3
R4
0dp
4 dp
8 dp
16dp
Totalmente
Como usar arredondamentos para dar ênfase
Formas arredondadas e quadradas no Android Automotive criam uma hierarquia visual que chama a atenção do usuário para elementos de maior ênfase. Elementos de maior ênfase têm cantos mais arredondados e com raio maior. Os elementos de menor ênfase têm cantos menos redondos, com um raio de canto menor.
Exemplos de quatro níveis de raio dos cantos, do menor (0 dp = quadrado) ao maior (circular)
0 dp: valor de referência
Use cantos 0 dp (quadrados) para elementos de referência que não precisem de ênfase extra. Estruturas básicas de layout, como barras de ferramentas ou listas, precisam usar cantos com 0 dp. As imagens também precisam ter cantos de 0 dp, a menos que sejam mascaradas por um contêiner arredondado (como um cartão) ou estejam em um estado selecionado.
As capas dos álbuns na grade à direita não precisam de ênfase extra em relação umas às outras ou aos outros elementos mostrados. Portanto, elas têm cantos de 0 dp (detalhe mostrado à esquerda)
8 dp: baixa ênfase
8 dp é o raio dos cantos padrão para formas arredondadas. Use esse formato para indicar elementos interativos de baixa ênfase, como cartões e contêineres.
O card de notificação mostrado aqui usa o raio dos cantos padrão de 8 dp (mostrado à esquerda), oferecendo menos ênfase do que os botões de ação no card (como mostrado à direita), que são mais importantes
16 dp — ênfase média
Use um raio de canto de 16 dp para componentes com ênfase média, incluindo elementos interativos e componentes expansíveis.
Aqui, um raio de canto de 16 dp é usado para dar ênfase média a uma página inferior, o que é temporariamente mais importante do que o conteúdo atual na tela
Circular — Alta ênfase
Formas circulares têm um maior impacto visual em relação a formas predominantemente retilíneas. Eles precisam ser reservados para componentes de alta ênfase, como FABs, ícones e widgets.
Cantos totalmente arredondados e formas circulares são usados aqui para dar ênfase máxima ao FAB no canto inferior esquerdo, aos botões de ação no canto superior direito e ao FAB no canto inferior esquerdo
[[["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 2024-07-23 UTC."],[[["Use rounded corners with higher radius (e.g., 16dp, circular) for primary actions and important components like FABs and chips to draw user attention."],["Use less rounded or square corners (e.g., 0dp, 8dp) for lower-emphasis elements such as toolbars, lists, or background cards."],["Android Automotive provides a range of corner radius values (0dp, 4dp, 8dp, 16dp, Full) to create visual hierarchy and guide user focus."],["8dp is the default corner radius for rounded shapes and is suitable for low-emphasis interactive elements like cards and containers."],["Images typically use 0dp corners unless they need to be highlighted or are within a rounded container."]]],[]]
