Кнопка Button
обработка нажатий
практическое задание
формы кнопки
elevation
цвет кнопки
граница кнопки
практическое задание 2
Практическое задание 3
1.20M
Category: programmingprogramming

кнопочки

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. Текст о том, что все включено
English     Русский Rules