Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Wenn Ihre App mehrere Ziele enthält, die Nutzer durchlaufen können, empfehlen wir, Layout- und Navigationskombinationen zu verwenden, die auch in anderen Apps üblich sind.
Da viele Nutzer bereits die mentalen Modelle für diese Kombinationen haben, ist Ihre App für sie intuitiver.
Kombinationen aus Layout und Navigation
Die Navigationsleiste und die modale Navigationsleiste werden als primäre Navigationsmuster für übergeordnete Layoutansichten und primäre Navigationsziele verwendet.
Die Navigationsleiste kann drei bis fünf Navigationsziele auf derselben Hierarchieebene enthalten. Diese Komponente entspricht der Navigationsleiste für große Bildschirme.
Obwohl der Navigations-Drawer mehr als fünf Navigationsziele enthalten kann, ist das Muster nicht so ideal wie die Navigationsleiste.
Das liegt daran, dass die obere Leiste auf kompakten Geräten erreicht werden muss.
Material 3-Tabs und die untere App-Leiste sind sekundäre Navigationsmuster, die Sie zur Ergänzung der primären Navigation oder in untergeordneten Ansichten verwenden können.
Hier fungieren Tabs als sekundäre Navigationsebene, um ähnliche Inhalte zu gruppieren.
Layout-Aktionen
Stellen Sie Steuerelemente bereit, mit denen Nutzer Aktionen ausführen können. Häufig verwendete Muster sind Aktionen in der oberen Leiste, die unverankerte Aktionsschaltfläche (UAS) und Menüs.
Für Aktionen mit höchster Priorität bietet eine UAS eine große und gut sichtbare Schaltfläche für den Nutzer. Geben Sie auf dieser Ebene jeweils nur eine Aktion an. Ein FAB kann in verschiedenen Größen und in einer erweiterten Form mit Label angezeigt werden. Verwenden Sie Scaffold, um einen schwebenden Aktionsbutton zu fixieren, damit er auch beim Scrollen immer sichtbar ist.
Eine schwebende Aktionsschaltfläche, über die Nutzer schnell Pflanzen zur Pflanzengalerie hinzufügen können
Sie können sekundäre Aktionen in der oberen Leiste oder, wenn sie in der Nähe von zugehörigen Inhalten gruppiert sind, auf der Seite platzieren.
Abbildung 20:Warnungsaktion in der oberen Leiste auf der Detailseite (links) und Inline-Überlaufsymbol für Listenelement (rechts)
Fügen Sie alle zusätzlichen Aktionen, die nicht sofort oder häufig benötigt werden, in ein Überlaufmenü ein.
Alle Inhalte und Codebeispiele auf dieser Seite unterliegen den Lizenzen wie im Abschnitt Inhaltslizenz beschrieben. Java und OpenJDK sind Marken oder eingetragene Marken von Oracle und/oder seinen Tochtergesellschaften.
Zuletzt aktualisiert: 2025-08-28 (UTC).
[null,null,["Zuletzt aktualisiert: 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."]]
