Макеты и шаблоны навигации

Если ваше приложение содержит несколько разделов, по которым пользователям предстоит перемещаться, мы рекомендуем использовать сочетания элементов компоновки и навигации, которые часто применяются в других приложениях. Поскольку многие пользователи уже обладают необходимыми для понимания этими сочетаниями, ваше приложение будет для них более интуитивно понятным.

Сочетание макета и навигации

Панель навигации и модальное выдвижное навигационное окно используются в качестве основных шаблонов навигации для родительских элементов макета и основных пунктов навигации.

Панель навигации может содержать от трех до пяти элементов навигации на одном уровне иерархии. Этот компонент преобразуется в навигационную панель для больших экранов.

Хотя выдвижная панель навигации может вместить более пяти пунктов, её расположение не так удобно, как у навигационной панели. Это связано с необходимостью тянуться к верхней панели на устройствах компактного размера.

Вкладки Material 3 и нижняя панель приложения представляют собой дополнительные элементы навигации, которые можно использовать в дополнение к основной навигации или отображать в дочерних окнах.

Здесь вкладки выступают в качестве дополнительного навигационного слоя для группировки сопутствующего контента.

Действия по компоновке

Предоставьте пользователям элементы управления для выполнения действий. Типичные шаблоны включают действия в верхней панели, плавающую кнопку действия (FAB) и меню.

Для действий наивысшей важности FAB предоставляет пользователю большую и заметную кнопку. На этом уровне следует предоставлять только одно действие за раз. FAB может отображаться в нескольких размерах и в развернутом виде, включая метку. Используйте Scaffold для закрепления FAB, убедившись, что он всегда виден, даже при прокрутке.

Плавающая кнопка действия (FAB), позволяющая пользователю быстро добавлять растения в галерею растений.

Дополнительные действия можно разместить в верхней панели или, если они сгруппированы рядом с похожим контентом, на всей странице.

Оповещение в верхней панели при показе подробностей (слева) и значок переполнения непосредственно в элементе списка (справа).

Для любых дополнительных действий, которые не требуются немедленно или часто, добавьте их в меню дополнительных действий.