Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Jeśli w aplikacji jest wiele miejsc, 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. W przypadku dużych ekranów ten komponent jest przekształcany w pasek nawigacyjny.
Chociaż szuflada nawigacyjna może zawierać więcej niż 5 miejsc docelowych nawigacji, ten wzorzec nie jest tak idealny jak pasek nawigacyjny.
Wynika to z konieczności sięgania do paska u góry na urządzeniach o mniejszych rozmiarach.
Karty Material 3 i pasek aplikacji u dołu 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 pływający przycisk działania zapewnia użytkownikowi duży i wyraźny przycisk. Na tym poziomie podaj tylko 1 działanie naraz. Pływający przycisk działania może występować w różnych rozmiarach i w formie rozwiniętej, która zawiera etykietę. Użyj widżetu Scaffold, aby przypiąć pływający przycisk działania i mieć pewność, że będzie on zawsze widoczny, nawet podczas przewijania.
Pływający przycisk czynności (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.
Rysunek 20. Działanie alertu na pasku u góry w widoku szczegółów (po lewej) i ikona przepełnienia w wierszu elementu listy (po prawej)
Wszystkie dodatkowe działania, które nie są potrzebne od razu lub często, dodaj do menu przepełnienia.
Treść strony i umieszczone na niej fragmenty kodu podlegają licencjom opisanym w Licencji na treści. Java i OpenJDK są znakami towarowymi lub zastrzeżonymi znakami towarowymi należącymi do firmy Oracle lub jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2025-08-28 UTC.
[null,null,["Ostatnia aktualizacja: 2025-08-28 UTC."],[],[],null,["If your app contains multiple destinations for users to traverse, we recommend\nemploying layout and navigation pairings that are commonly used by other apps.\nBecause many users already possess the mental models for these pairings, your\napp will be more intuitive for them.\n\nLayout and navigation pairings\n\nThe navigation bar and modal navigation drawer are used as primary navigation\npatterns for parent layout views and primary navigation destinations. \n\nThe navigation bar can hold three to five navigation destinations across the\nsame hierarchy level. This component translates to the navigation rail for large\nscreens.\n\n\nAlthough the navigation drawer can hold more than five navigation destinations,\nthe pattern is not as ideal as the navigation bar.\nThis is due to the need to reach to the top bar on compact sizes. \n\n[Material 3 Tabs](https://m3.material.io/components/tabs/overview) and the [bottom app bar](https://m3.material.io/components/bottom-app-bar/overview) are\nsecondary navigation patterns that you can can use to supplement primary\nnavigation or appear on children views.\n\n\nHere, tabs act as a secondary navigation layer to group sibling content.\n\nLayout actions\n\nProvide controls to enable users to accomplish actions. Common patterns include\ntop bar actions, floating action button (FAB), and menus. \n\nFor actions of the highest importance, a [FAB](https://m3.material.io/components/floating-action-button/overview) provides a large\nand prominent button for the user. Provide only one action at a time at this\nlevel. A FAB can appear in multiple sizes and an expanded form, which includes a\nlabel. Use [Scaffold](/jetpack/compose/components/scaffold) to pin a FAB, making sure it's always\nvisible even on scroll by.\n\n\nA floating action button (FAB) that allows the\nuser to quickly add plants to the plant gallery\n\nYou can place secondary actions within the top bar or, if it's grouped near\nrelated content, within the page.\n**Figure 20:** Alert action in the top bar on show detail (left) and overflow icon inline of list item (right)\n\nFor any additional actions that aren't promptly or frequently needed, add those\nactions in an overflow menu."]]
