Szablon Siatka wyświetla elementy w układzie siatki i jest przydatny, gdy użytkownicy opierają swoje wybory głównie na obrazach.
Ten szablon można umieścić w szablonie karty, aby zapewnić nawigację za pomocą kart, lub w szablonie Mapa + treść, aby wyświetlać siatkę na mapie.
Szablon siatki zawiera:
- Opcjonalny nagłówek (nagłówek jest zastępowany kartami, gdy ten szablon jest osadzony w szablonie karty)
- Elementy siatki (patrz uwaga poniżej), z których każdy zawiera ikonę lub obraz w dużym rozmiarze.
- Tekst podstawowy każdego elementu siatki (opcjonalnie)
- Tekst dodatkowy dla każdego elementu siatki (opcjonalny)
- Obraz lub ikona (opcjonalnie)
- odznakę,
- Opcjonalne pływające przyciski polecenia
Aby mieć większą elastyczność i korzystać z najnowszych funkcji, użyj szablonu Element podzielony na sekcje zamiast szablonu Siatka. Za pomocą szablonu Element podzielony możesz łączyć listy i siatki, aby tworzyć niestandardowe struktury przeglądania.
Wymagania dotyczące wygody użytkownika w przypadku szablonu siatki
| POWINNO | Ogranicz długość podstawowych i dodatkowych ciągów tekstowych, aby uniknąć przycięcia. |
| POWINNO | Każdy element siatki powinien być powiązany z działaniem (nie zalecamy elementów tylko informacyjnych). |
| POWINNO | Wyraźnie wskazuj stan elementu (w przypadku elementów siatki, które mają wiele stanów, np. wybrany i niewybrany) za pomocą zmian obrazu, ikony lub tekstu. |
| POWINNO | Dodaj nagłówek z opcjonalnym tytułem oraz działaniami głównymi i dodatkowymi. |
| NIE POWINNO | Jednocześnie używaj paska działań i pływającego przycisku polecenia. |
| MAJ | Wyświetlanie wskaźnika ładowania zamiast ikony lub obrazu elementu siatki, gdy trwa działanie powiązane z tym elementem. |
Materiały
| Typ | Link |
| Materiały referencyjne interfejsu API |
GridTemplate, GridTemplate.Builder
|