Les formes aident à souligner l'importance de certains éléments de l'écran par rapport à d'autres.
Résumé des conseils (résumé):
- Utilisez des angles plus arrondis (rayon d'angle plus élevé) pour les actions et composants principaux
- Utiliser des angles plus carrés et moins arrondis (rayon d'angle inférieur) pour les éléments à faible intensité
Valeurs d'arrondi d'angle
Android for Cars fournit un ensemble de valeurs d'arrondi d'angle permettant de souligner l'importance de différents éléments de l'écran par rapport aux autres.
![Valeurs d'arrondi d'angle](https://developers.google.cn/cars/design/automotive-os/design-system/images/Radius_AR.png?authuser=9&hl=fr)
R0 | R1 | R2 | R3 | R4 |
---|---|---|---|---|
0dp | 4 dp | 8 dp | 16dp | Complet |
Utiliser les arrondis pour mettre l'accent
Les formes arrondies et aux angles carrés dans Android Automotive créent une hiérarchie visuelle qui attire l'attention des utilisateurs sur les éléments à plus forte intensité. Les éléments à forte intensité ont des coins plus arrondis, avec un rayon d'angle plus grand. Les éléments à faible intensité ont des coins moins arrondis, avec un rayon d'angle plus petit.
![Exemples des quatre niveaux d'arrondi d'angle](https://developers.google.cn/cars/design/automotive-os/design-system/images/corner-radius.png?authuser=9&hl=fr)
0 dp – Référence
Utilisez des angles de 0 dp (carrés) pour les éléments de base qui ne nécessitent pas d'accentuation supplémentaire. Les structures de mise en page de base, telles que les barres d'outils ou les listes, doivent utiliser des angles de 0 dp. Les images doivent également avoir des angles de 0 dp, sauf si elles sont masquées par un conteneur arrondi (une carte, par exemple) ou dans un état sélectionné.
![Exemple d'angle carré](https://developers.google.cn/cars/design/automotive-os/design-system/images/example-1.png?authuser=9&hl=fr)
8 dp : faible intensité
8 dp est l'arrondi d'angle par défaut pour les formes arrondies. Utilisez cette forme pour indiquer des éléments interactifs à faible intensité, tels que des cartes et des conteneurs.
![Exemple de faible intensité de 8 dp](https://developers.google.cn/cars/design/automotive-os/design-system/images/example-2.png?authuser=9&hl=fr)
16 dp – Intensité moyenne
Utilisez un angle d'angle de 16 dp pour les composants à intensité moyenne, y compris les éléments interactifs et les composants extensibles.
![Exemple d'angle moyen 16 dp](https://developers.google.cn/cars/design/automotive-os/design-system/images/example-3.png?authuser=9&hl=fr)
Circulaire — Forte emphase
Les formes circulaires ont un impact visuel plus important sur les formes principalement rectilignes. Elles doivent être réservées aux composants à forte intensité, comme les boutons d'action flottants, les puces et les widgets.
![Exemple d'angles entièrement arrondis à forte intensité](https://developers.google.cn/cars/design/automotive-os/design-system/images/example-4.png?authuser=9&hl=fr)