As formas ajudam a enfatizar a importância de alguns elementos da tela em relação a outros.
Guia resumido (TL;DR):
- Use cantos mais arredondados (raio de canto maior) para ações e componentes principais.
- Use cantos mais retos e menos arredondados (raio de canto menor) para elementos de baixa ênfase.
Valores do raio do canto
O Android para Carros fornece um conjunto de valores de raio de canto destinados a enfatizar a importância de vários elementos da tela em relação a outros.
| R0 | R1 | R2 | R3 | R4 |
|---|---|---|---|---|
| 0dp | 4dp | 8dp | 16dp | Completo |
Utilizando arredondamento para dar ênfase
As formas com cantos arredondados e retos no Android Automotive criam uma hierarquia visual que direciona a atenção do usuário para os elementos de maior destaque. Os elementos de maior destaque têm cantos mais arredondados, com um raio de canto maior. Os elementos de menor destaque têm cantos menos arredondados, com um raio de canto menor.
0dp — Linha de base
Use cantos quadrados (0dp) para elementos básicos que não precisam de destaque adicional. Estruturas de layout básicas, como barras de ferramentas ou listas, devem usar cantos quadrados (0dp). Imagens também devem ter cantos quadrados (0dp), a menos que estejam ocultas por um contêiner arredondado (como um cartão) ou estejam selecionadas.
8dp — Baixa ênfase
8dp é o raio de canto padrão para formas arredondadas. Use essa forma para indicar elementos interativos de baixa ênfase, como cartões e contêineres.
16dp — Ênfase Média
Use um raio de canto de 16dp para componentes com ênfase média, incluindo elementos interativos e componentes expansíveis.
Circular — Alta Ênfase
As formas circulares têm um impacto visual maior em comparação com as formas predominantemente retilíneas. Devem ser reservadas para componentes de grande destaque, como FABs, chips e widgets.
