Diese Seite wurde von der Cloud Translation API übersetzt.

Listeneinträge

Die Listenansicht zeigt Inhalte als Zeilen in einer einspaltigen, vertikal scrollbaren Liste an. Diese Ansicht eignet sich am besten, wenn Benutzer Texte lesen und Daten betrachten, um ihre Auswahl zu treffen.

Listenelemente benötigen weniger vertikalen Platz als Rasterelemente, wodurch mehr Elemente auf dem Bildschirm angezeigt werden können.

Grid-Komponente

Raster bieten einen alternativen Anzeigemodus, der Bilder hervorhebt.

Anatomie

In der Listenansicht enthält jede Zeile eine Kachel, die ein Listenelement repräsentiert. Primäre Aktionen können die Kachel vollständig ausfüllen, sodass Benutzer von jeder beliebigen Stelle innerhalb der Kachel Aktionen ausführen können. Bei ergänzenden Aktionen, die durch Symbole und Text dargestellt werden, ist nur der Bereich, der die Symbole und den Text enthält, interaktiv.

Spezifikationen

Einzeiliger Listeneintrag

Zweizeiliger Listeneintrag

Zweizeiliger Listeneintrag umgekehrt

Mehrzeiliger Listeneintrag mit Überschrift

Mehrzeiliger Listeneintrag ohne Kopfzeile

Listenelement mit Textüberlauf

Listenelement mit geteilten Aktionen

Platzierung des Indikatorsymbols in Listenelementen

Skalierung von Layouts

Diese Referenzlayouts zeigen, wie Listenelemente an Bildschirme unterschiedlicher Breite und Höhe angepasst werden können. (Die Kategorien für Breite und Höhe sind im Abschnitt „Layout“ definiert.) Beachten Sie, dass alle Pixelwerte in gerenderten Pixeln angegeben sind, also vor jeglicher Herunter- oder Hochskalierung.

Layout

Ränder, Rahmenlinien und Abstände für verschiedene Bildschirmgrößen

Layout-Beschriftungen

Definitionen von E, M, KL, P, Flex

Standard-, Breit- und Extra-Breitbildschirme

Standard-, Breit- und Extra-Breitbildschirme mit Inhaltskachel

Superbreite Bildschirme

Stile

Typografie

Farbe

Größenangaben

Beispiele