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 (opcjonalnie)
- obraz lub ikonę (opcjonalnie),
- plakietkę,
- 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
| SHOULD | Ogranicz długość podstawowych i dodatkowych ciągów tekstowych, aby uniknąć przycięcia. |
| SHOULD | Każdy element siatki powinien być powiązany z działaniem (nie zalecamy elementów tylko informacyjnych). |
| SHOULD | Wyraźnie oznaczaj stan elementu (w przypadku elementów siatki, które mają wiele stanów, np. wybrany i niewybrany) za pomocą zmian w obrazie, ikonie lub tekście. |
| SHOULD | 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 wczytywania 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
|