С Material 3 Expressive Google продвигает нижние элементы управления в приложениях с панелями инструментов. Этот новый компонент отображает «часто используемые действия, относящиеся к текущей странице».
Google предлагает рассматривать это как «контейнер с несколькими слотами». Разработчики могут настраивать его множеством способов, доступны два типа:
Закрепленная панель инструментов: «Занимает всю ширину окна. Лучше всего подходит для глобальных действий, которые остаются неизменными на разных страницах».
- Она заменяет нижнюю панель приложений (которую Google Задачи использовал до прошлогоднего редизайна), которая выведена из эксплуатации: «Ее следует заменить закрепленной панелью инструментов, которая очень похожа и более гибка».
Плавающая панель инструментов: «Плавает над основным контентом. Лучше всего подходит для контекстных действий, относящихся к основному контенту или конкретной странице».
- Приложения могут объединять плавающую панель инструментов и FAB.
- Обновленный вид альбомов Google Фото будет использовать этот компонент для кнопок «поделиться», «добавить» и «редактировать». Это приводит к более полноэкранному отображению в верхней части страницы.
- Плавающие панели инструментов также могут «использоваться как вкладки между связанными последующими страницами в иерархии продукта», как показано в Fitbit для переключателя «День», «Неделя», «Месяц» и «Год».
- Эти панели инструментов могут располагаться вертикально на больших экранах.
- «Плавающие панели инструментов не должны выходить за края окна или панели». Приложения с большим количеством действий могут использовать меню переполнения.
Тем временем существуют стандартные и яркие цветовые конфигурации:
- Стандартная: «Цветовая схема с низкой акцентуацией, лучше всего подходит для фокусировки внимания на основном контенте».
- Яркая: «Цветовая схема с высокой акцентуацией, которая привлекает внимание к элементам управления. Она также может указывать на временное изменение поведения страницы, например, вход в режим редактирования».
Google рекомендует не сочетать панель инструментов и навигационную панель (нижнюю панель) вместе: «Отображайте навигационную панель на основных страницах, а панели инструментов — на последующих страницах с действиями». В случае гипотетического приложения электронной почты:
Это поднимает вопрос о плавающей навигационной/нижней панели. На сегодняшний день такого компонента в Material 3 Expressive не существует. И это несмотря на его постоянное присутствие в Google Chat, в то время как один макет M3E демонстрирует такой дизайн. Он всегда может появиться в будущих расширениях/обновлениях M3E.
