Szablon karty

Szablon kart działa jako kontener dla innych szablonów wymienionych poniżej i wyświetla karty u góry ekranu (jak widać w sekcji Anatomia szablonu karty).

Karty umożliwiają przełączanie widoków. Ta możliwość jest szczególnie przydatna do porządkowania treści lub widoków, które użytkownicy będą chcieli przeglądać lub przeszukiwać.

W skład zestawu wchodzą:

Każdy widok karty odpowiada 1 umieszczonemu szablonowi i w danym momencie może być aktywny tylko 1 widok kart.

Szkielety szablonu kart

Struktura szablonu karty

Szkielety szablonu karty, w tym wszystkie możliwe szablony osadzone

Szablon kart składa się z tych elementów:

  1. Pasek kart może wyświetlać maksymalnie 4 karty.
  2. Umieszczony szablon przy użyciu jednego z tych szablonów: Lista, Siatka, Wyszukiwanie, Okienko, Wiadomość lub Nawigacja

Przykłady szablonów kart

Szablon karty z umieszczonym szablonem listy
Widok karty „Wszystkie urządzenia” jest tworzony za pomocą szablonu karty zawierającego szablon listy (przykład z Androidem Auto)
Szablon kart z umieszczonym szablonem siatki
Widok karty „Urządzenia domowe” jest tworzony za pomocą szablonu karty, który zawiera szablon siatki (przykład Android Auto)

Wymagania UX szablonu kart

Deweloperzy aplikacji:

MUSI Na każdej karcie umieść monochromatyczne ikony wektorowe.
MUSI W nagłówku aplikacji umieść od 2 do 4 kart.
NIE MOŻE Możesz mieć aktywnych więcej niż 1 kartę naraz.
NIE MOŻE Utwórz dodatkową nawigację, dodając drugi poziom kart.
POWINNY Aby uniknąć obcięcia, używaj krótkich etykiet kart.
NIE POWINNO W umieszczonych szablonach polega na nagłówku lub pasku działań.