Szablon karty

Szablon karty pełni funkcję kontenera dla innych szablonów wymienionych poniżej i udostępnia karty u góry (jak pokazano w sekcji Anatomia szablonu karty).

Karty umożliwiają przełączanie widoków. Ta funkcja 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 jednemu osadzonemu szablonowi i w danym momencie może być aktywny tylko jeden widok kart.

Szkielety szablonu karty

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, który może zawierać maksymalnie 4 karty.
  2. Umieszczony szablon przy użyciu jednego z tych szablonów: Lista, Siatka, Wyszukiwarka, Okienko lub Wiadomość

Przykłady szablonów kart

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

Wymagania UX szablonu kart

Deweloperzy aplikacji:

MUSISZ Do każdej karty dodaj pasek kart z etykietą i monochromatyczną ikonę wektora.
MUSISZ Umieść w nagłówku aplikacji od 2 do 4 kart.
MUSISZ Do każdego widoku karty dodaj osadzony szablon.
NIE MOŻE Możesz mieć włączoną więcej niż 1 kartę naraz.
NIE MOŻE Utwórz dodatkową nawigację, dodając drugi poziom kart.
POTRZEBNE Używaj krótkich etykiet kart, aby uniknąć obcięcia.
NIE POWINNO Uwzględnić nagłówek lub pasek działań w osadzonych szablonach.