Siatki przedstawiają elementy w układzie siatki.
Ten szablon jest przydatny, gdy użytkownicy dokonują wyboru głównie na podstawie obrazów.
Ten szablon można umieścić w szablonie karty, aby umożliwić nawigację po kartach.
Ten szablon można dołączyć do szablonu Mapa + Treść, aby wyświetlić siatkę na mapie.
W skład zestawu wchodzą:
- Opcjonalny nagłówek (nagłówek jest zastępowany kartami, gdy ten szablon jest umieszczony w szablonie karty)
- elementy siatki (zobacz uwagę poniżej), z których każdy zawiera ikonę lub obraz o dużym rozmiarze;
- Tekst główny każdego elementu siatki (opcjonalnie)
- Tekst dodatkowy dla każdego elementu siatki (opcjonalny)
- Opcjonalny pływający przycisk polecenia
![Szkielety szablonu siatki](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/grid-template.png?authuser=2&hl=pl)
Przykłady szablonów siatki
Poniższe przykłady systemów operacyjnych Android Auto i Android Automotive (AAOS) zostały utworzone przy użyciu szablonu Siatka.
![Przykład przedstawiający siatkę z możliwymi działaniami na mapie](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/map_with_grid.png?authuser=2&hl=pl)
![Przykład ustawień](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/grid_example_2.png?authuser=2&hl=pl)
Wymagania UX szablonu siatki
Deweloperzy aplikacji:
POWINNY | Ogranicz długość głównego i dodatkowego ciągu tekstowego, aby uniknąć obcięcia. |
POWINNY | Z każdym elementem siatki powiązane jest działanie (niezalecane są elementy tylko informacyjne). |
POWINNY | Wyraźnie wskaż stan elementu (w przypadku elementów siatki, które mają kilka stanów, np. wybrany lub odznaczony) przy użyciu odmian na obrazie, ikonie lub tekście. |
POWINNY | Dodaj nagłówek z opcjonalnym tytułem oraz działania główne i dodatkowe. |
NIE POWINNO | Dodaj jednocześnie pasek działań i pływający przycisk polecenia. |
MAJ | Pokazuj wskaźnik ładowania zamiast ikony lub obrazu elementu siatki, gdy wykonywana jest czynność powiązana z tym elementem. |