À partir du 27 mars 2025, nous vous recommandons d'utiliser android-latest-release au lieu de aosp-main pour créer et contribuer à AOSP. Pour en savoir plus, consultez la section Modifications apportées à AOSP.
Annexe B, personnalisation
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Pour vous assurer que les personnalisations de l'interface utilisateur de l'application pour voitures fonctionnent comme prévu, vous DEVEZ respecter les éléments décrits ci-dessous.
Général
Les limites de cette section sont vraies quelle que soit la mise en page:
| Element |
Description |
|---|
Typographie |
|
Contraste |
- Le contraste entre le premier plan (texte) et l'arrière-plan doit être d'au moins 4,5:1.
- Le contraste entre la couleur du bouton et l'arrière-plan doit être d'au moins 3:1.
- Le contraste de l'état sélectionné de l'onglet avec l'arrière-plan DOIT être d'au moins 4,5:1.
- Le contraste entre l'état sélectionné et l'état non sélectionné de l'onglet doit être d'au moins 3:1.
|
Autres |
- Toutes les icônes DOIVENT être des drawables vectoriels.
- Les cibles tactiles doivent avoir une largeur d'au moins 76 dp.
- Les constantes de marge intérieure DOIVENT apparaître par ordre décroissant, par exemple:
car_ui_padding_0 > car_ui_padding_1 >
car_ui_padding_2
|
Composants
Les valeurs ci-dessous s'appliquent à des composants spécifiques:
| Element |
Description |
|---|
|
DOIT être suffisamment large pour afficher des chaînes de titre d'au moins 20 caractères "W". |
Preference |
DOIT être suffisamment large pour afficher des chaînes de titre d'au moins 20 caractères "W". |
Vue de style application
| DOIT être:
- Assez large pour afficher au moins 672 pixels indépendants de la densité (dp).
- Assez haute pour afficher au moins 672 dp.
|
Mise en page
Les limites de cette section concernent des mises en page et des combinaisons spécifiques de composants de la bibliothèque d'UI pour voitures.
Une série de cas uniques ont été observés et généralisés en tendances émergentes.
Boîte de dialogue "Position"
Boîte de dialogue de test contenant le même contenu que la boîte de dialogue de localisation des services Google Play, créée avec des composants de la bibliothèque d'UI de voiture et testée pour garantir une visibilité complète du contenu:
| Element |
Description |
|---|
| Title |
DOIT être suffisamment large pour afficher des chaînes d'au moins 38 caractères "W". |
| Body |
DOIT être entièrement visible et suffisamment grande pour afficher:
- Chaînes pouvant comporter au moins 270 caractères "W".
- Au moins quatre lignes de texte.
|
| Incitation à l'action (CTA) |
L'incitation à l'action doit être entièrement visible:
- La boîte de dialogue doit être suffisamment large pour afficher au moins deux incitations à l'action.
- Les titres DOIVENT être suffisamment larges pour afficher des chaînes d'au moins neuf caractères "W".
|
Écran des paramètres
L'écran "Paramètres du test" se compose des composants de la barre d'application, du sous-en-tête et des éléments de liste, qui sont décrits dans le tableau suivant:
| Element |
Description |
|---|
| Barre d'application |
- Le titre doit être suffisamment large pour afficher des chaînes d'au moins 12 caractères "W".
- Doit mesurer au moins 76 dp de haut.
|
| Subheader |
DOIT être suffisamment large pour afficher des chaînes d'au moins 12 caractères "W". |
| Éléments de liste |
DOIVENT être:
- Assez large pour afficher des chaînes d'au moins 12 caractères "W".
- Au moins 76 dp de hauteur
|
Le contenu et les exemples de code de cette page sont soumis aux licences décrites dans la Licence de contenu. Java et OpenJDK sont des marques ou des marques déposées d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/07/27 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 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. |"]]
