Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Si votre application contient plusieurs destinations que les utilisateurs peuvent parcourir, nous vous recommandons d'utiliser des combinaisons de mise en page et de navigation courantes dans d'autres applications.
Comme de nombreux utilisateurs possèdent déjà les modèles mentaux pour ces associations, votre application sera plus intuitive pour eux.
Associations de mise en page et de navigation
La barre de navigation et le panneau de navigation modal sont utilisés comme principaux modèles de navigation pour les vues de mise en page parent et les principales destinations de navigation.
La barre de navigation peut contenir trois à cinq destinations de navigation au même niveau hiérarchique. Ce composant correspond à la barre de navigation pour les grands écrans.
Bien que le panneau de navigation puisse contenir plus de cinq destinations de navigation, le modèle n'est pas aussi idéal que la barre de navigation.
Cela est dû à la nécessité d'accéder à la barre supérieure sur les tailles compactes.
Les onglets Material 3 et la barre d'application inférieure sont des modèles de navigation secondaires que vous pouvez utiliser pour compléter la navigation principale ou qui peuvent apparaître dans les vues enfants.
Ici, les onglets servent de couche de navigation secondaire pour regrouper les contenus frères.
Actions de mise en page
Fournissez des commandes pour permettre aux utilisateurs d'effectuer des actions. Les modèles courants incluent les actions de la barre supérieure, le bouton d'action flottant (FAB) et les menus.
Pour les actions les plus importantes, un FAB fournit un bouton grand et bien visible pour l'utilisateur. À ce niveau, ne fournissez qu'une seule action à la fois. Un FAB peut apparaître dans plusieurs tailles et dans une forme développée, qui inclut un libellé. Utilisez Scaffold pour épingler un FAB, en vous assurant qu'il est toujours visible, même lors du défilement.
Bouton d'action flottant (FAB) qui permet à l'utilisateur d'ajouter rapidement des plantes à la galerie de plantes
Vous pouvez placer des actions secondaires dans la barre supérieure ou, si elles sont regroupées à proximité du contenu associé, sur la page.
Figure 20 : Action d'alerte dans la barre supérieure sur l'affichage des détails (à gauche) et icône de menu à trois points intégrée à l'élément de liste (à droite)
Pour toutes les actions supplémentaires qui ne sont pas nécessaires rapidement ni fréquemment, ajoutez-les dans un menu de dépassement.
Le contenu et les exemples de code de cette page sont soumis aux licences décrites dans la Licence de contenu. Java et OpenJDK sont des marques ou des marques déposées d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2025/08/28 (UTC).
[null,null,["Dernière mise à jour le 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."]]
