Układy i wzorce nawigacji

Jeśli w aplikacji jest wiele miejsc docelowych, do których użytkownicy mogą się przemieszczać, zalecamy stosowanie układów i sposobów nawigacji, które są powszechnie używane w innych aplikacjach. Wielu użytkowników ma już wyrobione modele mentalne tych par, więc Twoja aplikacja będzie dla nich bardziej intuicyjna.

Połączenia układu i nawigacji

Pasek nawigacyjny i modalne menu nawigacyjne są używane jako podstawowe wzorce nawigacji w przypadku widoków układu nadrzędnego i głównych miejsc docelowych nawigacji.

Pasek nawigacyjny może zawierać od 3 do 5 miejsc docelowych nawigacji na tym samym poziomie hierarchii. Ten komponent jest odpowiednikiem paska nawigacyjnego na dużych ekranach.

Chociaż w menu nawigacyjnym można umieścić więcej niż 5 miejsc docelowych, ten wzorzec nie jest tak idealny jak pasek nawigacyjny. Wynika to z konieczności dotarcia do paska u góry na urządzeniach o niewielkich rozmiarach.

Karty Material 3pasek aplikacji u dołu ekranu to dodatkowe wzorce nawigacji, które możesz wykorzystać jako uzupełnienie nawigacji głównej lub w widokach podrzędnych.

Karty działają tu jako pomocnicza warstwa nawigacji, która grupuje powiązane treści.

Działania dotyczące układu

Zapewnij elementy sterujące, które umożliwiają użytkownikom wykonywanie działań. Popularne wzorce to działania na pasku u góry, pływający przycisk polecenia (FAB) i menu.

W przypadku działań o największym znaczeniu przycisk typu FAB zapewnia użytkownikowi duży i wyraźny przycisk. Na tym poziomie podaj tylko 1 działanie naraz. Przycisk typu FAB może występować w różnych rozmiarach i w formie rozwiniętej, która zawiera etykietę. Użyj widżetu Scaffold, aby przypiąć FAB, dzięki czemu będzie on zawsze widoczny, nawet podczas przewijania.

Pływający przycisk działania (FAB), który umożliwia użytkownikowi szybkie dodawanie roślin do galerii roślin.

Działania dodatkowe możesz umieścić na pasku u góry lub, jeśli są zgrupowane w pobliżu powiązanych treści, na stronie.

Działanie alertu na pasku u góry strony ze szczegółami (po lewej) i ikona przepełnienia w linii elementu listy (po prawej)

Wszystkie dodatkowe działania, które nie są potrzebne od razu lub często, dodaj do rozszerzonego menu.