Le modèle de liste présente une collection d'lignes ou d'éléments de conversation à défilement vertical. Les listes sont utiles lorsque les utilisateurs doivent parcourir rapidement des éléments au format texte, comme les lieux récemment consultés ou les titres d'une file d'attente.
Avec le modèle "Liste", vous pouvez :
- Indiquez un état de chargement.
- Séparez les listes en sections à l'aide de sous-listes.
- Utilisez Lignes comme boutons bascule ou cases d'option.
Vous pouvez également fournir une navigation par onglets en intégrant des listes au modèle d'onglet et afficher une liste sur une carte à l'aide du modèle Carte + contenu.
Inclus :
- En-tête facultatif : lorsque ce modèle est intégré au modèle d'onglet, l'en-tête est remplacé par des onglets.
- Éléments de liste (le nombre d'éléments et la quantité de texte dans une ligne peuvent varier) :
- Nombre d'éléments de la liste. Le nombre d'éléments pouvant être affichés dépend du véhicule. Pour récupérer la limite de lignes de la liste pour un véhicule donné, utilisez l'API ConstraintManager.
- Quantité de texte par élément. Le texte secondaire des lignes de liste peut comporter plus de deux lignes lorsque le véhicule est à l'arrêt. Consultez Plus de texte "Véhicule à l'arrêt".
- Bouton d'action flottant facultatif
Pour en savoir plus sur ce que vous pouvez faire avec les lignes du modèle Liste, consultez Options de ligne pour le modèle Liste uniquement et les exemples de Exemples de flux.
Plus de texte dans les listes lorsque le véhicule est à l'arrêt
La quantité de texte secondaire autorisée dans chaque ligne de la liste varie selon que la voiture est garée ou en mouvement. Pour limiter les distractions, le texte est tronqué sur deux lignes pendant la conduite. Tout texte destiné à être lu en conduisant doit être affiché au début du texte secondaire.
Exigences UX pour les modèles de liste
| OBLIGATOIRE | Incluez un en-tête de section lorsque des sections sont présentes. |
| NE DOIT PAS | Mélangez les lignes de liste sélectionnables (lignes avec des cases d'option) avec d'autres types de lignes ou séparez-les avec des sections. |
| SHOULD | Présentez des sélections par défaut dans les listes sélectionnables. |
| SHOULD | Associez une action à chaque élément de la liste (les lignes d'information uniquement ne sont pas recommandées). |
| SHOULD | Placez le contenu dans le texte secondaire qui doit être lu en conduisant près du début, pour éviter qu'il ne soit tronqué. |
| SHOULD | Incluez un en-tête avec un titre facultatif, ainsi que des actions principales et secondaires. |
| MAI | diviser le contenu de la liste en sections ; |
| MAI | Mélangez les lignes avec des boutons à bascule avec d'autres lignes si nécessaire. |
| MAI | Mettez à jour le texte de la ligne et l'image ou l'icône lorsque l'utilisateur modifie l'état du bouton bascule. |
Ressources
| Saisie | Lien |
| Documentation de référence de l'API | ListTemplate, ListTemplate.Builder
|