Similar presentations:
кнопочки
1. Кнопка Button
2.
для создания кнопок применяется компонент Button, у которого естьследующие параметры:
обработчик нажатий
модификаторы
доступна ли для нажатия?
форма кнопочки
цвет кнопочки
анимация кнопочки
граница кнопочки
отступ между границами и содержимым
отслеживание событий взаимодействия с кнопочкой
содержимое (в виде строки)
3.
как минимум надо указывать onClick,но тут это просто пустая функция
4.
кнопка может содержать другие компоненты5. обработка нажатий
Для обработки нажатия параметру onClick передается функция,которая будет выполняться при нажатии
нажали
6. практическое задание
По нажатию кнопки должно произойти следующее:текст должен поменяться на картинку
подсказка:
нужно использовать if и else
7. формы кнопки
3 формы:-Квадрат
-Закругленный квадрат
-Круг
8. elevation
параметр определяющий анимацию для разных состояний(доступна для нажатий, нажатое, отключена)
9. цвет кнопки
задается параметром color, 4 вида:•containerColor: определяет фоновый цвет, когда кнопка доступна для нажатия.
•contentColor: определяет цвет содержимого, когда кнопка доступна для нажатия.
•disabledBackgroundColor: определяет фоновый цвет, когда кнопка не доступна для нажатия.
•disabledContentColor: определяет цвет содержимого, когда кнопка не доступна для нажатия
10. граница кнопки
за установку границы кнопки (толщина и цвет) отвечаетBorderStroke:
BorderStroke(width: Dp, color: Color)
BorderStroke(width: Dp, brush: Brush)
11. практическое задание 2
Сделать 10 кнопок, которые будут иметь разную форму и цвет,которые при нажатие будут менять текст)
12. Практическое задание 3
серый экран, любой логотип с названием, иконка настроек,текст по середине сверху, кнопка, текст ниже кнопки
по нажатию на кнопку меняется:
1. Цвет кнопки и цвет иконки
2. Текст о том, что все включено
programming