Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Se la tua app contiene più destinazioni che gli utenti possono attraversare, ti consigliamo di utilizzare
accoppiamenti di layout e navigazione comunemente utilizzati da altre app.
Poiché molti utenti possiedono già i modelli mentali per questi accoppiamenti, la tua
app sarà più intuitiva per loro.
Coppie di layout e navigazione
La barra di navigazione e il riquadro di navigazione modale vengono utilizzati come pattern di navigazione principali per le visualizzazioni del layout principale e le destinazioni di navigazione principali.
La barra di navigazione può contenere da tre a cinque destinazioni di navigazione nello stesso livello della gerarchia. Questo componente si traduce nella barra di navigazione per schermi di grandi dimensioni.
Sebbene il riquadro di navigazione possa contenere più di cinque destinazioni di navigazione,
il pattern non è ideale come la barra di navigazione.
Ciò è dovuto alla necessità di raggiungere la barra superiore sui formati compatti.
Le schede Material 3 e la barra delle app in basso sono
pattern di navigazione secondari che puoi utilizzare per integrare la navigazione
principale o visualizzare le visualizzazioni secondarie.
In questo caso, le schede fungono da livello di navigazione secondario per raggruppare i contenuti correlati.
Azioni del layout
Fornisci controlli per consentire agli utenti di eseguire azioni. I pattern comuni includono
azioni della barra superiore, pulsante di azione rapida (FAB) e menu.
Per le azioni di massima importanza, un pulsante di azione rapida fornisce un pulsante grande e ben visibile per l'utente. Fornisci una sola azione alla volta a questo livello. Un FAB può essere visualizzato in più dimensioni e in una forma espansa, che include un'etichetta. Utilizza Scaffold per bloccare un FAB, assicurandoti che sia sempre
visibile anche durante lo scorrimento.
Un pulsante di azione rapida (FAB) che consente all'utente di aggiungere rapidamente piante alla galleria di piante
Puoi posizionare le azioni secondarie all'interno della barra superiore o, se sono raggruppate vicino
a contenuti correlati, all'interno della pagina.
Figura 20: azione di avviso nella barra superiore dei dettagli dello spettacolo
(a sinistra) e icona di overflow in linea con la voce di elenco (a destra)
Per le azioni aggiuntive che non sono necessarie immediatamente o di frequente, aggiungile
in un menu overflow.
I campioni di contenuti e codice in questa pagina sono soggetti alle licenze descritte nella Licenza per i contenuti. Java e OpenJDK sono marchi o marchi registrati di Oracle e/o delle sue società consociate.
Ultimo aggiornamento 2025-08-28 UTC.
[null,null,["Ultimo aggiornamento 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."]]
