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ą:

• Pasek kart z ikoną aplikacji i maksymalnie 4 kartami (bez przycisku Wstecz)
• Umieszczony szablon, którego może być jeden z tych typów:
  • Wyświetl listę
  • Siatka
  • Szukaj
  • Panel
  • Wiadomość
  • Nawigacja

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

Uwaga: nagłówki w umieszczonych szablonach są ignorowane, ponieważ miejsce, które normalnie jest w nagłówku, zajmuje pasek kart.

Struktura szablonu karty

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

Widok karty „Wszystkie urządzenia” jest tworzony za pomocą szablonu karty zawierającego szablon listy (przykład z Androidem Auto)

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ń.