Mit der Vorlage „Raster“ werden Elemente in einem Rasterlayout präsentiert. Sie ist nützlich, wenn Nutzer ihre Auswahl hauptsächlich anhand von Bildern treffen.
Diese Vorlage kann in die Tab-Vorlage eingebettet werden, um eine Navigation mit Tabs zu ermöglichen, oder in die Vorlage „Karte + Inhalt“, um ein Raster auf einer Karte zu erstellen.
Die Rastervorlage enthält Folgendes:
- Optionaler Header (der Header wird durch Tabs ersetzt, wenn diese Vorlage in die Tab-Vorlage eingebettet ist)
- Rasterelemente (siehe Hinweis unten), die jeweils ein Symbol oder ein Bild in großer Größe enthalten
- Primärer Text für jedes Gridelement (optional)
- Zusätzlicher Text für jedes Gridelement (optional)
- Ein Bild oder Symbol (optional)
- Ein Badge
- Optionale unverankerte Aktionsschaltflächen
Wenn Sie mehr Flexibilität wünschen und die neuesten Funktionen nutzen möchten, verwenden Sie die Vorlage „Abschnittsweise Darstellung“ anstelle der Vorlage „Raster“. Mit der Vorlage „Abschnittsweise Darstellung“ können Sie Listen und Rastern kombinieren, um eine benutzerdefinierte Durchsuchen-Struktur zu erstellen.
um das Artikelkontingent für ein bestimmtes Fahrzeug abzurufen.

UX-Anforderungen an Rastervorlagen
SOLLTE | Beschränken Sie die Länge der primären und sekundären Textstrings, damit nichts abgeschnitten wird. |
SOLLTE | Jedes Rasterelement sollte mit einer Aktion verknüpft sein. Elemente, die nur Informationen enthalten, sind nicht empfehlenswert. |
SOLLTE | Der Status von Elementen muss deutlich erkennbar sein. Bei Rasterelementen mit mehreren Status (z. B. ausgewählt und nicht ausgewählt) muss dies durch Variationen bei Bild, Symbol oder Text angezeigt werden. |
SOLLTE | Fügen Sie eine Kopfzeile mit einem optionalen Titel sowie primären und sekundären Aktionen ein. |
SOLLTE NICHT | Sie können gleichzeitig einen Aktionsstreifen und eine unverankerte Aktionsschaltfläche einfügen. |
MAI | Anstelle des Symbols oder Bildes für ein Rasterelement wird ein Ladesymbol angezeigt, wenn eine mit dem Element verknüpfte Aktion ausgeführt wird. |
Ressourcen
Eingeben | Link |
API-Referenz |
GridTemplate, GridTemplate.Builder
|