Панель приложения и заголовок — это специальная панель в верхней части холста приложения, которую можно настроить для отображения важных функций, связанных с приложением, таких как фирменная символика, навигация верхнего уровня и доступ к элементам управления приложением.
Используйте единообразное расположение элементов на панели приложения и в заголовке, чтобы разместить ключевые элементы управления, такие как встроенный поиск, в стандартном месте по всему пользовательскому интерфейсу.
Анатомия
Панель приложения и заголовок могут включать в себя различные элементы. Их можно настроить одним из следующих способов:
- Заголовок приложения: При настройке в качестве заголовка приложения компонент содержит место для необязательного текста, с минимальным использованием значков и кнопок. Обычно он включает заголовок экрана и стрелку «Назад».
- Панель приложений: При настройке в качестве панели приложений она может включать значки, вкладки и кнопки . Типичные элементы включают значок приложения и параметры навигации.
В любой из этих версий также могут быть включены элементы управления приложением, такие как поиск и настройки внутри приложения.
1. Стрелка назад
2. Заголовок экрана
3. Кнопка
4. Управление приложением
5. Значок приложения
6. Основная навигация (вкладки)
Технические характеристики – Панель приложений
Панель приложений с основной навигацией – выровнена по центру
Панель приложений с основной навигацией – выровнена по левому краю
Панель приложения с основной навигацией — свернута (вместо вкладок — выдвижная панель).
Технические характеристики – заголовок приложения
Заголовок приложения с центрированным названием
Заголовок приложения с единым элементом управления приложением
Заголовок приложения с несколькими элементами управления.
Заголовок приложения с одной кнопкой
Заголовок приложения с несколькими кнопками
Заголовок приложения с переполнением текста
Заголовок приложения с отдельной панелью вкладок.
Настройка
Вы можете выразить свой бренд, изменив визуальное оформление панели приложения и заголовка. Возможные изменения могут включать:
- Пользовательские значки
- Пользовательские шрифты
- Настройка внешнего вида активных, неактивных и отключенных кнопок.
- Настройка размеров и расположения кнопок
Примеры
