Напис: створення, властивості, події, обробники подій
Нова українська школа
Урок 23
Інформатика 8
teach-inf.com.ua
за підручником
Ривкінд Й.Я. та ін.
Готуємось до вивчення нового матеріалу
Розділ 4
§ 4.3
© Вивчаємо інформатику teach-inf.com.ua
Напис
У цьому пункті йтиметься про:
Розділ 4
§ 4.3
© Вивчаємо інформатику teach-inf.com.ua
Пригадайте
Які ви знаєте властивості кнопки? Наведіть приклади їх значень.
Якими командами створюється кнопка і розміщується у вікні?
Як змінити значення властивостей кнопки?
Розділ 4
§ 4.3
© Вивчаємо інформатику teach-inf.com.ua
Напис. Властивості напису
Ще одним елементом керування, який можна використати у проєкті, є напис. Напис – це елемент керування, який використовується для виведення текстових повідомлень.
Розділ 4
§ 4.3
© Вивчаємо інформатику teach-inf.com.ua
Напис. Властивості напису
Щоб розмістити напис у вікні, потрібно:
label = Label()
label = Label(text = 'Я навчаюсь у 8 класі')
label.pack()
Розділ 4
§ 4.3
© Вивчаємо інформатику teach-inf.com.ua
Напис. Властивості напису
Для створення напису та пов’язування його зі змінною використовують команду вигляду:
<ім’я_напису> = Label()
<ім’я_напису> = Label(<набір властивостей та їх значень>)
буде створено напис зі значеннями властивостей висота, ширина і колір, установленими за замовчуванням,
без тексту в ньому
буде створено напис, значення властивостей якого задані у цій команді. У дужках через кому вказують пари
<властивість> = <значення>
Розділ 4
§ 4.3
© Вивчаємо інформатику teach-inf.com.ua
Напис. Властивості напису
Для напису можуть бути встановлені значення властивостей:
текст на написі; значенням цієї властивості може бути довільний текст; цей текст потрібно брати в лапки; наприклад,
text
text = 'Текст напису'
ширина напису; значенням цієї властивості може бути натуральне число – кількість символів, які можуть бути розміщені поруч по горизонталі; наприклад,
width
width = 30
Розділ 4
§ 4.3
© Вивчаємо інформатику teach-inf.com.ua
Напис. Властивості напису
Продовження…
висота напису; значенням цієї властивості може бути натуральне число – кількість символів, які можуть бути розміщені поруч по вертикалі (кількість рядків); наприклад,
height
height = 3
колір фону; значенням цієї властивості може бути назва кольору англійською мовою; цю назву потрібно брати в лапки; наприклад,
bg
bg = 'blue'
Розділ 4
§ 4.3
© Вивчаємо інформатику teach-inf.com.ua
Напис. Властивості напису
Продовження…
колір символів тексту; значенням цієї властивості може бути назва кольору англійською мовою; цю назву потрібно брати в лапки; наприклад,
fg
fg = 'green'
шрифт символів тексту на написі; значення цієї властивості може містити назву шрифту, розмір символів і накреслення: bold – напівжирний, italic – курсивний, underline – підкреслений; наприклад,
font
font = 'Arial 14' або font = ('Verdana', 13, 'bold')
Розділ 4
§ 4.3
© Вивчаємо інформатику teach-inf.com.ua
Напис. Властивості напису
Наприклад, після виконання команди:
lb = Label(text = 'Я навчаюсь у 8 класі',
bg = 'yellow', fg = 'green', font = 'Arial 14')
Буде створено напис з іменем lb, у якому буде зеленими літерами на жовтому фоні виведено текст Я навчаюсь у 8 класі, шрифт символів Arial, розмір символів 14.
Розділ 4
§ 4.3
© Вивчаємо інформатику teach-inf.com.ua
Напис. Властивості напису
Звертаємо вашу увагу: якщо під час створення напису значення властивості width не задається, то ширина напису автоматично визначається довжиною тексту, який є значенням властивості text.
Значення властивостей напису також можна задавати окремими командами виду:
<ім’я напису>['<назва властивості>'] =
<значення властивості>
Розділ 4
§ 4.3
© Вивчаємо інформатику teach-inf.com.ua
Напис. Властивості напису
Наприклад, установити для напису з іменем label ширину 25 символів можна командою:
label['width'] = 25
Установити шрифт Times New Roman з висотою символів 10 можна командою:
label['font'] = ('Times New Roman', 10)
Розділ 4
§ 4.3
© Вивчаємо інформатику teach-inf.com.ua
Напис. Властивості напису
Такого виду команди можна використовувати і для змінення значень властивостей напису під час виконання проєкту.
Задати синій колір символів – командою:
label['fg'] = 'blue'
Розділ 4
§ 4.3
© Вивчаємо інформатику teach-inf.com.ua
Напис. Властивості напису
Для розміщення напису у вікні проєкту використовують вже відомі вам методи:
раск()
place()
і
Наприклад, для розміщення у вікні напису з іменем label з відступом 20 пікселів від рядка заголовка вікна можна використати команду:
label. pack(pady = 20)
Розділ 4
§ 4.3
© Вивчаємо інформатику teach-inf.com.ua
Пригадайте
Які події можуть відбуватися з кнопкою?
Що таке обробник події?
Як записується обробник події у проєкті та як він виконується?
Розділ 4
§ 4.3
© Вивчаємо інформатику teach-inf.com.ua
Обробники подій для напису
Хоча написи призначені переважно для виведення текстів, але з ними, як і з вікнами і кнопками, можна пов’язувати обробники різних подій.
Розділ 4
§ 4.3
© Вивчаємо інформатику teach-inf.com.ua
Обробники подій для напису
З написом, як і з вікном проєкту або кнопкою, можна пов’язати процедуру – обробник деякої події, використовуючи метод bind():
<ім’я напису>.bind('<подія>', <ім’я процедури>)
Окремо потрібно ввести текст
процедури – обробника подїї із зазначеним іменем.
Розділ 4
§ 4.3
© Вивчаємо інформатику teach-inf.com.ua
Обробники подій для напису
Послідовність дій може бути такою:
Розділ 4
§ 4.3
© Вивчаємо інформатику teach-inf.com.ua
Обробники подій для напису
Наприклад, потрібно, щоб після настання події Click з написом з іменем label
колір фону напису ставав жовтим, колір символів – червоним, розмір символів – 14, у напис виводився заданий текст.
Розділ 4
§ 4.3
© Вивчаємо інформатику teach-inf.com.ua
Обробники подій для напису
Результат виконання процедури – обробника події Click для напису:
Розділ 4
§ 4.3
© Вивчаємо інформатику teach-inf.com.ua
Для тих, хто хоче знати більше
Текст у написі можна вивести в кілька рядків. Для цього на місці, де повинен розпочинатися новий рядок, потрібно ввести символи \n. Наприклад, у написі, створеному командою:
label = Label(text = 'Я навчаюсь \n у 8 класі')
У першому рядку буде відображатися текст
Я навчаюсь, а у другому – у 8 класі.
Розділ 4
§ 4.3
© Вивчаємо інформатику teach-inf.com.ua
Дайте відповіді на запитання
Розділ 4
§ 4.3
© Вивчаємо інформатику teach-inf.com.ua
Розгадайте ребус
Напис
Розділ 4
§ 4.3
© Вивчаємо інформатику teach-inf.com.ua
Домашнє завдання
Проаналізувати
§ 4.3, с. 114-118
Розділ 4
§ 4.3
© Вивчаємо інформатику teach-inf.com.ua
Працюємо за комп’ютером
Сторінка
116
cutt.ly/0e2cDIXk
Розділ 4
§ 4.3
© Вивчаємо інформатику teach-inf.com.ua
Успіхів�у навчанні!
Нова українська школа
Урок 23
Інформатика 8
teach-inf.com.ua
за підручником
Ривкінд Й.Я. та ін.