In der Listenvorlage wird eine vertikal scrollende Sammlung von Zeilen oder Konversationselementen dargestellt. Listen sind nützlich, wenn Nutzer Elemente in einem Textformat schnell durchsuchen müssen, z. B. Orte, die sie kürzlich besucht haben, oder Songs in einer Warteschlange.
Mit der Listenvorlage haben Sie folgende Möglichkeiten:
- Ladezustand anzeigen
- Listen sollten in Abschnitte unterteilt werden, indem Sie Unterlisten verwenden.
- Verwenden Sie Zeilen als Schalter oder Optionsfelder.
Sie können auch eine Tabbed Navigation einrichten, indem Sie Listen in die Tab-Vorlage einbetten und eine Liste auf einer Karte mit der Vorlage „Karte + Inhalt“ anzeigen.
Die Vorstellung umfasst:
- Optionaler Header: Wenn diese Vorlage in die Tab-Vorlage eingebettet ist, wird der Header durch Tabs ersetzt.
- Listenelemente (wobei die Anzahl der Elemente und die Textmenge in einer Zeile variieren können):
- Anzahl der Listenelemente: Die Anzahl der Elemente, die angezeigt werden dürfen, hängt vom Fahrzeug ab. Wenn Sie das Zeilenlimit für eine bestimmte Fahrzeugliste abrufen möchten, verwenden Sie die ConstraintManager API.
- Textmenge pro Element: Sekundärer Text in Listenzeilen kann länger als zwei Zeilen sein, wenn er geparkt ist. Weitere Informationen finden Sie unter Mehr Listentext im geparkten Zustand.
- Optionale unverankerte Aktionsschaltfläche
Weitere Informationen dazu, was Sie mit Zeilen in der List-Vorlage tun können, finden Sie unter Zeilenoptionen nur für die List-Vorlage und in den Beispielen unter Beispielabläufe.
Mehr Listentext im geparkten Zustand
Die Menge an sekundärem Text, die in jeder Listenzeile zulässig ist, hängt davon ab, ob das Auto geparkt ist oder fährt. Um Ablenkungen zu minimieren, wird Text während der Fahrt auf zwei Zeilen gekürzt. Alle Texte, die während der Fahrt gelesen werden sollen, müssen am Anfang des sekundären Texts angezeigt werden.
UX-Anforderungen für Listenvorlagen
| MUSS | Fügen Sie eine Abschnittsüberschrift hinzu, wenn Abschnitte vorhanden sind. |
| NICHT | Mischen Sie auswählbare Listenzeilen (Zeilen mit Optionsfeldern) mit anderen Zeilentypen oder trennen Sie sie durch Abschnitte. |
| SOLLTE | Standardauswahlen in auswählbaren Listen präsentieren |
| SOLLTE | Jedes Listenelement sollte mit einer Aktion verknüpft sein. Nur Informationszeilen sind nicht empfehlenswert. |
| SOLLTE | Platzieren Sie Inhalte, die während der Fahrt gelesen werden sollen, im sekundären Text möglichst am Anfang, um ein Abschneiden zu vermeiden. |
| SOLLTE | Fügen Sie eine Kopfzeile mit einem optionalen Titel sowie primären und sekundären Aktionen ein. |
| MAI | Listeninhalte in Abschnitte unterteilen |
| MAI | Mischen Sie Zeilen mit Ein/Aus-Schaltern nach Bedarf mit anderen Zeilen. |
| MAI | Aktualisieren Sie den Zeilentext und das Bild- oder Symbol-Asset, wenn der Nutzer den Ein/Aus-Schalter ändert. |
Ressourcen
| Eingeben | Link |
| API-Referenz | ListTemplate, ListTemplate.Builder
|