1 of 22

Поняття елемента керування. Кнопка.

ТЕМА УРОКУ

2 of 22

ЗАПИШІТЬ П’ЯТЬ КЛЮЧОВИХ СЛІВ З МИНУЛОГО УРОКУ, ТА ПОЯСНІТЬ ЇХ?

3 of 22

ПОВТОРЮЙМО!

4 of 22

ПОВТОРЮЙМО!

5 of 22

ПОВТОРЮЙМО!

6 of 22

ПРАЦЮЙМО НА ОЦІНКУ!

Обробники подій, пов’язаних з елементами керування. �Вікна повідомлень.

7 of 22

Властивості кнопки

Одним з компонентів (елементів керування), який можна використати в проєктах, є кнопка.

8 of 22

Властивості кнопки

Щоб розмістити кнопку у вікні, потрібно:

  1. Створити новий об'єкт типу Button, пов'язати його зі змінною, яка визначатиме ім'я об'єкта.
  1. Установити значення властивостей кнопки або залишити їх за замовчуванням.
  1. Розмістити створений об'єкт у вікні.

button = Button()

button = Button(text='Змінити', width='15',)

button.pack()

9 of 22

Властивості кнопки

Для створення кнопки та пов'язування її зі змінною використовують команду вигляду:

<ім’я_кнопки> = Button()

<ім’я_кнопки> = Button(<Haбip властивостей та їх значень»)

буде створено кнопку зі значеннями властивостей висота, ширина і колір, які установлено за замовчуванням, без напису на ній

буде створено кнопку, значення властивостей якої задано в цій команді. У дужках через кому вказують пари

«властивість» = «значення»

10 of 22

Властивості кнопки

Для кнопки можуть бути встановлені значення таких властивостей:

текст на кнопці;

text

ширина (кількість символів, які можуть бути розміщені поруч по горизонталі);

width

колір фону (значенням може бути назва кольору англійською);

bg

колір символів тексту;

fg

висота (кількість символів, які можуть бути розміщені поруч по горизонталі);

height

11 of 22

Властивості кнопки

(Продовження…) Властивості кнопки

шрифт символів тексту на кнопці (значення може містити назву шрифту, розмір символів і накреслення);

font

стан кнопки (normal - звичайний, disable - недоступний)

state

Наприклад, кнопка з іменем button з текстом Змінити завширшки 15 символів може бути створена командою:

button = Button(text = ‘Змінити’, width = 15)

12 of 22

Властивості кнопки

Для розміщення кнопки у вікні можуть бути використані такі методи:

Кнопка автоматично розміщується під рядком заголовка вікна з однаковими відступами від лівої та правої меж вікна. Якщо у вікні розміщується кілька кнопок, то вони будуть відображатися одна під одною без відступів між ними.

раск()

13 of 22

Властивості кнопки

Якщо потрібно розмістити кнопку з деяким відступом від рядка заголовка або від попередньої кнопки, то в дужках можна указати цей відступ у пікселях як значення властивості pady.

Наприклад, після виконання команди:

Кнопку буде розміщено з відступом 20 пікселів від верхньої межі вікна або від попередньої кнопки;

14 of 22

Методи кнопки

(Продовження…) Методи кнопки

Верхня ліва вершина кнопки розміщується в точці вікна із заданими координатами х та у.

place(x = «відступ від лівої межі вікна>,

у = «відступ від верхньої межі вікна>)

Наприклад,

50

40

15 of 22

Методи кнопки

Під час виконання проєкту може виникнути потреба зробити кнопку невидимою.

pack_forget()

place_forget()

або

Для цього, залежно від методу розміщення кнопки, можна використати методи:

Щоб зробити кнопку знову видимою, слід застосувати метод:

раск()

рlасе()

або

16 of 22

Властивості кнопки

Текст проєкту зі створення та розміщення кнопки вікні та результат його виконання.

17 of 22

Обробники подій для кнопки

Пов’язати з кнопкою обробник будь-якої події можна так само, як з вікном, використовуючи метод bind(). Приклад обробника події Click для кнопки, яка містить команду встановлення жовтого кольору вікна.

18 of 22

Обробники подій для кнопки

Для кнопки подією за замовчуванням є клацання лівої кнопки миші. Тому пов'язати з кнопкою метод опрацювання саме цієї події можна простіше:

  • під час створення кнопки вказати ім’я відповідного обробника події як значення атрибуту command;
  • обробник події з указаним іменем описати перед створенням кнопки; у заголовку не потрібно вказувати посилання на подію, що відбулася, – event.

button = Button(text=Кнопка', command=click)

19 of 22

Обробники подій для кнопки

На малюнку наведено приклад обробника події Click для кнопки – процедури з іменем click(), яка містить команди:

Установлення для кнопки червоного кольору фону

шрифт Arial розміром 14

установлення для кнопки стану недоступна

виведення на кнопці вказаного тексту

20 of 22

Обробники подій для кнопки

Приклад обробника події Click

21 of 22

ОСМИСЛЕННЯ НОВОГО МАТЕРІАЛУ!

22 of 22

1.Опрацювати презентацію до уроків 45-46, підручник

Стор. 177-178

2. Виконати: Тест по перевірці уроків 45-46

3. Виконати: Практичну роботу до уроків 45-46

ДОМАШНЄ ЗАВДАННЯ