Оптимизируйте свои подборки
Сохраняйте и классифицируйте контент в соответствии со своими настройками.
Если ваше приложение содержит несколько пунктов назначения, по которым пользователи могут перемещаться, мы рекомендуем использовать сочетания макета и навигации, которые часто используются в других приложениях. Поскольку у многих пользователей уже есть ментальные модели для этих сочетаний, ваше приложение будет для них более интуитивно понятным.
Сочетания макета и навигации
Панель навигации и модальный навигационный ящик используются в качестве основных шаблонов навигации для родительских макетов и основных пунктов назначения навигации.
Панель навигации может содержать от трёх до пяти пунктов назначения на одном уровне иерархии. Этот компонент преобразуется в навигационную панель для больших экранов.
Хотя панель навигации может содержать более пяти пунктов назначения, её расположение не так идеально, как у панели навигации. Это связано с необходимостью тянуться к верхней панели на устройствах компактных размеров.
Вкладки Material 3 и нижняя панель приложений представляют собой вторичные шаблоны навигации, которые можно использовать для дополнения основной навигации или отображать в дочерних представлениях.
Здесь вкладки выступают в качестве вторичного навигационного слоя для группировки одноуровневого контента.
Действия макета
Предоставьте элементы управления, позволяющие пользователям выполнять действия. Распространенные шаблоны включают действия в верхней панели, плавающую кнопку действия (FAB) и меню.
Для действий наивысшей важности FAB предоставляет пользователю большую и заметную кнопку. На этом уровне можно одновременно выполнять только одно действие. FAB может отображаться в разных размерах и в развернутом виде, включая метку. Используйте Scaffold , чтобы закрепить FAB, обеспечив его постоянную видимость даже при прокрутке.
Плавающая кнопка действия (FAB), которая позволяет пользователю быстро добавлять растения в галерею растений.
Вы можете разместить второстепенные действия в верхней панели или, если они сгруппированы рядом со связанным содержимым, на странице.
Рисунок 20: Действие оповещения в верхней панели при отображении подробностей (слева) и значок переполнения внутри элемента списка (справа)
Для любых дополнительных действий, которые не требуются быстро или часто, добавьте их в дополнительное меню.
Контент и образцы кода на этой странице предоставлены по лицензиям. Java и OpenJDK – это зарегистрированные товарные знаки корпорации Oracle и ее аффилированных лиц.
Последнее обновление: 2025-08-28 UTC.
[null,null,["Последнее обновление: 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."]]
