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:
Każdy widok karty odpowiada 1 umieszczonemu szablonowi i w danym momencie może być aktywny tylko 1 widok kart.
![Szkielety szablonu kart](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tab-template.png?authuser=4&hl=pl)
Struktura szablonu karty
![Szkielety szablonu karty, w tym wszystkie możliwe szablony osadzone](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tab-template-fig-1.png?authuser=4&hl=pl)
Szablon kart składa się z tych elementów:
- Pasek kart może wyświetlać maksymalnie 4 karty.
- 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](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tabs_template_1.png?authuser=4&hl=pl)
![Szablon kart z umieszczonym szablonem siatki](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tabs_template_2.png?authuser=4&hl=pl)
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ń. |