солянка [6BuiXX]

1. Scaffold, Snackbar, выдвжиная панель

2. Scaffold

компонент, который устанавливает общую структуру страницы

3. параметры

4. пример

5. попробуем

можно в Scaffold добавить topBar и bottomBar.
Scaffold(
topBar = {
…
},
bottomBar = {
}

6. Snackbar

Snackbar - компонент для создания всплывающих сообщений,
который предоставляет короткое сообщение, отображаемое внизу
экрана.

7. две версии

1:
2:

8. пример

можно использовать как обычный контейнер
но так никто не делает

9. SnackbarHostState

Объект SnackbarHostState отображает или ставит в очередь для
отображения компоненты Snackbar. SnackbarHostState гарантирует,
что одномоментно только один объект Snackbar будет
отображаться на экране.

10. параметры

message: отображаемое сообщение
actionLabel: метка, которая отображается в виде кнопки
withDismissAction: указывает, надо ли отображать кнопку отмены.
duration: длительность отображения сообщения

11. пример

12. ActionLabel

просто текстовая метка, а не конкретное действие

13.

добавим к предыдущему примеру

14. Практическое задание

Экран: TextView (метка) + Button (кнопка).
По нажатию на кнопку:
1. Текст метки меняется на "Действие выполнено!".
2. Показывается короткое всплывающее сообщение.
Кнопка сброса — возвращает исходный текст.

15. Выдвижная панель

Компонент ModalNavigationDrawer предназначен для создания
приложений с выдвижной панелью, где часто располагается какоенибудь меню. Параметры:
первый и последний обязательны!

16. пример

17. Состояние DrawerState

Два состояния: открыто и
закрыто. Нужно сохранять это
состояние
параметры:
currentValue: текущее состояние в виде значения DrawerValue
isClosed: если равно true, то выдвижная панель скрыта
isOpen: если равно true, то выдвижная панель раскрыта
open(): раскрывает выдвижную панель
close(): скрывает выдвижную панель

18. пример, который нужно переписать)

19. Обработка выбора

так же как и с радиокнопками, мы можем определить
listOf(элементы) и выводить его при нажатии

20. Практическое задание 2

Изучить глава 5. Выдвижная панель.
В TopAppBar создать выдвижную панель, состоящую из 5
элементов. Применить стилизацию. При нажатии на компонент
выдвижной панели должно появиться всплывающее сообщение.
В BottomAppBar реализовать текст, который выбирается в
выдвижной панели