Les exemples Android Auto et Android Automotive OS (AAOS) suivants ont été créés à l'aide du modèle de grille.
Grille d'actions intégrées dans un modèle Carte + ContenuGrille avec les éléments activés et un élément désactivé
Exigences de l'expérience utilisateur des modèles de grille
Développeurs d'applications:
DOIT
Limitez la longueur des chaînes de texte principales et secondaires pour éviter qu'elles ne soient tronquées.
DOIT
Associer une action à chaque élément de la grille (les éléments ne comportant que des informations ne sont pas recommandés).
DOIT
Indiquez clairement l'état de l'élément (pour les éléments de grille ayant plusieurs états, tels que ceux sélectionnés et non sélectionnés) en fonction des variantes d'image, d'icône ou de texte.
DOIT
Incluez un en-tête avec un titre facultatif et des actions principales et secondaires.
Affichez une icône de chargement à la place de l'icône ou de l'image d'un élément de la grille lorsqu'une action associée à l'élément est en cours.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/07/25 (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/25 (UTC)."],[[["The Grid template showcases items in a grid layout, primarily using images for selection, and is ideal for apps focused on visual browsing."],["It can be integrated within the Tab or Map + Content templates for enhanced navigation and display options."],["Each grid item can include an image/icon, primary and secondary text, and triggers an action, with clear visual distinction for item states."],["Developers should prioritize concise text, associate actions with each item, and indicate item states visually, while adhering to header and action element usage guidelines."],["There's a limit on visible grid items, retrievable via the ConstraintManager API, and loading spinners can be used to signal ongoing actions."]]],[]]
