8 клас 25 урок

1. Поле: створення, властивості, події, обробники подій

Урок 25

2. Пригадаймо:

1. Які ви знаєте властивості напису? Наведіть приклади їх
значень.
2. Якими командами створюється напис і розміщується у вікні?
3. Як змінити значення властивості напису?
Властивості
напису

3. Поле. Властивості поля

Ще одним елементом керування, який можна використати у проєкті, є поле.
Поле – це елемент керування, який використовується в основному для
введення даних. Поле можна використовувати також для виведення
результатів.
Щоб розмістити поле в уже створеному і відкритому вікні, потрібно:
1. Створити новий об’єкт типу Entry (англ. entry – запис, вхід), пов’язати його
зі змінною, яка визначатиме ім’я об’єкта.
2. Установити значення властивостей поля або залишити їх за
замовчуванням.
3. Розмістити створений об’єкт у вікні.

4. Поле. Властивості поля

Для створення поля та пов’язування його зі змінною використовують команду
вигляду:
<ім’я_поля> = Entry()
або
<ім’я_поля> = Entry(<набір властивостей та їх значень>)
У першому випадку буде створено поле зі значеннями властивостей висота,
ширина і колір, установленими за замовчуванням, без тексту в ньому. У
другому випадку буде створено поле, значення властивостей якого задано у цій
команді. У дужках через кому вказують пари <властивість> = <значення>.

5. Поле. Властивості поля

Властивості поля width, bg, fg, font аналогічні до відповідних властивостей
кнопки та напису, а властивості text і height відсутні (висота поля визначається
висотою символів у його вмісті). Для поля можна задавати товщину рамки як
значення властивості bd (англ. border – межа).
Для розміщення поля у вікні проєкту можна використовувати відомі вам
методи pack() і place().

6. Поле. Властивості поля

На малюнку наведено вигляд вікна проєкту з двома полями.
Верхнє поле створено командою ent1 = Entry() зі значеннями властивостей за
замовчуванням, нижнє поле створено командою:
ent2 = Entry(width = 15, bg = ‘yellow’, fg = ‘green’, font = ‘Arial, 20’, bd = 3)

7. Поле. Властивості поля

Щоб вивести в поле деякий текст, використовують команду виду:
<ім’я поля>.insert(<позиція>, <текст>) (англ. insert – вставити, вставка), де
позиція – це позиція символа в полі, починаючи з якої буде вставлено текст.
Якщо поле порожнє, то текст уставляється, починаючи з позиції 0, навіть якщо
в команді указано іншу позицію. Якщо ж у полі вже є деякий уміст, то текст
можна вставити, починаючи з будь-якої позиції у цьому вмісті. Для вставлення
тексту в кінець існуючого вмісту вказують позицію END.

8. Поле. Властивості поля

Наприклад, щоб вивести в порожнє поле з іменем entry текст Я навчаюсь у 8
класі, потрібно виконати команду entry.insert(0, ‘Я навчаюсь у 8 класі’).
Для змінення вмісту цього поля на Я навчаюсь у 8-А класі можна після
попередньої команди додати команду entry.insert(14, ‘-А’).

9. Поле. Властивості поля

А щоб отримати в полі текст Я навчаюсь у 8-А класі школи № 1, можна після
попередніх команд додати команду entry.insert(END, ‘ школи № 1’).
Для очищення вмісту поля з іменем entry використовують команду:
entry.delete(0, END).

10. Поле. Властивості поля

А щоб у напис з іменем label вивести текст, що введено в поле з іменем entry,
потрібно виконати команду label[‘text’] = entry.get().
Під час виконання проєкту буває зручно, щоб одразу після запуску проєкту в
полі був установлений курсор. У такому разі кажуть, що поле знаходиться у
фокусі. Для цього використовують метод focus_set() (англ. focus – фокус, set –
установити). Наприклад, виконання команди entry.focus_set() приводить до
встановлення курсора всередині поля з іменем entry.

11. Пригадаймо:

1. Які події можуть відбуватися з написом?
2. Що таке обробник події?
3. Як записується обробник події у проєкті та як він виконується?
Обробник
події

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

Як і з іншими об’єктами вікна, з полем можна пов’язати процедури –
обробники подій, використовуючи метод bind().
Наприклад, на малюнку наведено текст проєкту з процедурою – обробником
події Click для поля.
Ця процедура містить команди:
● установлення жовтого кольору фону поля;
● установлення червоного кольору для символів
тексту в полі;
● установлення розміру 12 для символів тексту в
полі;
● виведення тексту, уведеного в полі, у напис;
● присвоювання змінній х тексту з поля;
● виведення у вікно повідомлень тексту –
значення змінної х, яке є текстом з поля, до якого
в кінці додано знак оклику.

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

Після запуску проєкту на виконання в поле можна ввести довільний текст (на
малюнку 1, в поле введено текст Працюємо з полем) і вибрати поле. Результат
виконання обробника події Click для поля наведено на малюнку 2
Мал. 1
Мал. 2

14. Працюємо з комп’ютером

Працюємо з комп’ютером
Відскануй або натисни!

15. Працюємо з комп’ютером

Працюємо з комп’ютером
Відскануй або натисни!

16. Виконуємо інтерактивні вправи

Поле. Властивості поля
Поле. Створення поля
Натисни або відскануй!
Натисни або відскануй!

17.

Запам’ятай
Поле – це елемент керування, який використовується для введення
значень вхідних даних і виведення значень результатів.
Щоб розмістити поле в уже створеному і відкритому вікні, потрібно:
1. Створити новий об’єкт типу Entry (англ. entry – запис, вхід), пов’язати
його зі
змінною, яка визначатиме ім’я об’єкта.
2. Установити значення властивостей поля або залишити їх за
замовчуванням.
3. Розмістити створений об’єкт у вікні.
Для створення поля та пов’язування його зі змінною використовують
команду вигляду:
<ім’я_поля> = Entry()
або
<ім’я_поля> = Entry(<набір властивостей та їх значень>)
У першому випадку буде створено поле зі значеннями властивостей
висота, ширина і колір, установленими за замовчуванням, без тексту в

18.

Запам’ятай
Властивості поля width, bg, fg, font аналогічні до відповідних
властивостей кнопки та напису, а властивості text і height відсутні (висота
поля визначається висотою символів у його вмісті). Для поля можна
задавати товщину рамки як значення властивості bd (англ. border – межа).
Для розміщення поля у вікні проєкту можна використовувати відомі вам
методи pack() і place().
Щоб вивести в поле деякий текст, використовують команду виду: <ім’я
поля>.insert(<позиція>, <текст>)
Отримати з поля його вміст можна, використовуючи метод get(),
наприклад label[‘text’] = entry.get().
Для очищення вмісту поля з іменем entry використовують команду:
entry.delete(0, END)
Як і з іншими об’єктами вікна, з полем можна пов’язати процедури –
обробники подій, використовуючи метод bind()

19.

Підсумуємо
1. Для чого може використовуватися поле?
2. Як створити поле і розмістити його у вікні?
3. Які властивості поля ви знаєте? Схарактеризуйте їх.
4. Як задати значення властивості поля в команді його
створення?
5. Як змінити значення властивості поля в ході
виконання проєкту?
6. Як отримати значення з поля; записати в поле;
видалити дані з поля?

20. Домашнє завдання

§ 4.4 (ст. 119-121) – опрацювати. Впр. 3 (ст. 126)
Домашнє завдання!