Создайте верхнюю панель приложения, чтобы помочь пользователям перемещаться и получать доступ к функциям вашего приложения, используя компонуемый элемент TopAppBar
.
Совместимость версий
Для этой реализации требуется, чтобы для minSDK вашего проекта был установлен уровень API 21 или выше.
Зависимости
Создайте компонуемый элемент для верхней панели приложения
Создайте верхнюю панель приложения с помощью составного объекта MediumTopAppBar
, который сворачивается, когда пользователь прокручивает область содержимого вниз, и расширяется, когда пользователь прокручивает обратно к началу содержимого:
Ключевые моменты о коде
- Внешний
Scaffold
с комплектомTopBar
. - Заголовок, состоящий из одного элемента
Text
. - Верхняя панель с определенным одним действием.
- Действие
IconButton
с лямбда-выражениемonClick
для выполнения действия. -
IconButton
содержащийIcon
с изображением значка и текстом описания содержимого. - Поведение прокрутки внутреннего содержимого Scaffold определяется как
enterAlwaysScrollBehavior()
. Это сворачивает панель приложения, когда пользователь извлекает внутреннее содержимое, и расширяет панель приложения, когда пользователь опускает внутреннее содержимое. - В дополнение к
MediumTopBar
, который содержит заголовок, вы также можете использовать:-
TopAppBar
: используйте для экранов, которые не требуют большого количества навигации или действий. -
CenterAlignedTopAppBar
: используйте для экранов с одним основным действием. Заголовок центрируется внутри компонента. -
MediumTopAppBar
: используйте для экранов, требующих умеренного количества навигации и действий. -
LargeTopAppBar
: используйте для экранов, требующих большого количества навигации и действий. Использует больше полей, чемMediumTopAppBar
, и помещает заголовок под любыми дополнительными значками.
-
Результаты
Коллекции, содержащие это руководство
Это руководство является частью тщательно подобранной коллекции быстрых руководств, охватывающих более широкие цели разработки Android: