Ta strona została przetłumaczona przez Cloud Translation API.

Pozycje listy

Widok listy wyświetla zawartość jako pozycje na liście jednokolumnowej, przewijanej w pionie. Ten widok sprawdza się najlepiej, gdy użytkownicy polegają na czytaniu tekstu i przeglądaniu danych, aby dokonać wyboru.

Elementy listy wymagają mniej miejsca w pionie niż elementy siatki, co pozwala na wyświetlanie na ekranie większej liczby elementów.

Komponent siatki

Siatki stanowią alternatywny sposób wyświetlania obrazów.

Anatomia

W widoku listy każdy wiersz zawiera kafelek reprezentujący jeden element listy. Akcje podstawowe mogą wypełniać kafelek, dzięki czemu użytkownicy mogą inicjować działanie z dowolnego miejsca na kafelku. W przypadku akcji uzupełniających reprezentowanych przez ikony i tekst, tylko obszar zawierający ikony i tekst jest dostępny do wykonania.

Okular

Element listy jednowierszowej

Element listy dwuwierszowej

Odwrócona pozycja listy dwuwierszowej

Element listy wielowierszowej z nagłówkiem

Element listy wielowierszowej bez nagłówka

Element listy z przepełnieniem tekstu

Element listy z podzielonymi akcjami

Umieszczenie ikony wskaźnika na elementach listy

Skalowanie układów

Te układy referencyjne pokazują, jak dostosować elementy listy do ekranów o różnych szerokościach i wysokościach. (Kategorie szerokości i wysokości są zdefiniowane w sekcji Układ ). Należy pamiętać, że wszystkie wartości pikseli są wyrażone w pikselach renderowanych, przed jakimkolwiek próbkowaniem w dół lub w górę.

Układ

Marginesy, linie kluczowe i wypełnienia dla różnych rozmiarów ekranu

Etykiety układu

Definicje E, M, KL, P, Flex

Ekrany standardowe, szerokie i bardzo szerokie

Standardowe, szerokie i bardzo szerokie ekrany z kafelkami zawartości

Superszerokie ekrany

Style

Typografia

Kolor

Rozmiarowanie

Przykłady