1 of 27

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

Нова українська школа

Урок 23

Інформатика 8

teach-inf.com.ua

за підручником

Ривкінд Й.Я. та ін.

2 of 27

Готуємось до вивчення нового матеріалу

  1. Які ще елементи керування, крім кнопки, ви використовували під час роботи з різними програмами?
  1. Для чого використовується графічний об’єкт Напис у текстовому процесорі Word?

Розділ 4

§ 4.3

© Вивчаємо інформатику teach-inf.com.ua

3 of 27

Напис

У цьому пункті йтиметься про:

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

Розділ 4

§ 4.3

© Вивчаємо інформатику teach-inf.com.ua

4 of 27

Пригадайте

Які ви знаєте властивості кнопки? Наведіть приклади їх значень.

Якими командами створюється кнопка і розміщується у вікні?

Як змінити значення властивостей кнопки?

Розділ 4

§ 4.3

© Вивчаємо інформатику teach-inf.com.ua

5 of 27

Напис. Властивості напису

Ще одним елементом керування, який можна використати у проєкті, є напис. Напис – це елемент керування, який використовується для виведення текстових повідомлень.

Розділ 4

§ 4.3

© Вивчаємо інформатику teach-inf.com.ua

6 of 27

Напис. Властивості напису

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

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

label = Label()

label = Label(text = 'Я навчаюсь у 8 класі')

label.pack()

Розділ 4

§ 4.3

© Вивчаємо інформатику teach-inf.com.ua

7 of 27

Напис. Властивості напису

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

<ім’я_напису> = Label()

<ім’я_напису> = Label(<набір властивостей та їх значень>)

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

без тексту в ньому

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

<властивість> = <значення>

Розділ 4

§ 4.3

© Вивчаємо інформатику teach-inf.com.ua

8 of 27

Напис. Властивості напису

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

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

text

text = 'Текст напису'

ширина напису; значенням цієї властивості може бути натуральне число – кількість символів, які можуть бути розміщені поруч по горизонталі; наприклад,

width

width = 30

Розділ 4

§ 4.3

© Вивчаємо інформатику teach-inf.com.ua

9 of 27

Напис. Властивості напису

Продовження…

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

height

height = 3

колір фону; значенням цієї властивості може бути назва кольору англійською мовою; цю назву потрібно брати в лапки; наприклад,

bg

bg = 'blue'

Розділ 4

§ 4.3

© Вивчаємо інформатику teach-inf.com.ua

10 of 27

Напис. Властивості напису

Продовження…

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

fg

fg = 'green'

шрифт символів тексту на написі; значення цієї властивості може містити назву шрифту, розмір символів і накреслення: bold – напівжирний, italic – курсивний, underline – підкреслений; наприклад,

font

font = 'Arial 14' або font = ('Verdana', 13, 'bold')

Розділ 4

§ 4.3

© Вивчаємо інформатику teach-inf.com.ua

11 of 27

Напис. Властивості напису

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

lb = Label(text = 'Я навчаюсь у 8 класі',

bg = 'yellow', fg = 'green', font = 'Arial 14')

Буде створено напис з іменем lb, у якому буде зеленими літерами на жовтому фоні виведено текст Я навчаюсь у 8 класі, шрифт символів Arial, розмір символів 14.

Розділ 4

§ 4.3

© Вивчаємо інформатику teach-inf.com.ua

12 of 27

Напис. Властивості напису

Звертаємо вашу увагу: якщо під час створення напису значення властивості width не задається, то ширина напису автоматично визначається довжиною тексту, який є значенням властивості text.

Значення властивостей напису також можна задавати окремими командами виду:

<ім’я напису>['<назва властивості>'] =

<значення властивості>

Розділ 4

§ 4.3

© Вивчаємо інформатику teach-inf.com.ua

13 of 27

Напис. Властивості напису

Наприклад, установити для напису з іменем label ширину 25 символів можна командою:

label['width'] = 25

Установити шрифт Times New Roman з висотою символів 10 можна командою:

label['font'] = ('Times New Roman', 10)

Розділ 4

§ 4.3

© Вивчаємо інформатику teach-inf.com.ua

14 of 27

Напис. Властивості напису

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

Задати синій колір символів – командою:

label['fg'] = 'blue'

Розділ 4

§ 4.3

© Вивчаємо інформатику teach-inf.com.ua

15 of 27

Напис. Властивості напису

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

раск()

place()

і

Наприклад, для розміщення у вікні напису з іменем label з відступом 20 пікселів від рядка заголовка вікна можна використати команду:

label. pack(pady = 20)

Розділ 4

§ 4.3

© Вивчаємо інформатику teach-inf.com.ua

16 of 27

Пригадайте

Які події можуть відбуватися з кнопкою?

Що таке обробник події?

Як записується обробник події у проєкті та як він виконується?

Розділ 4

§ 4.3

© Вивчаємо інформатику teach-inf.com.ua

17 of 27

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

Хоча написи призначені переважно для виведення текстів, але з ними, як і з вікнами і кнопками, можна пов’язувати обробники різних подій.

Розділ 4

§ 4.3

© Вивчаємо інформатику teach-inf.com.ua

18 of 27

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

З написом, як і з вікном проєкту або кнопкою, можна пов’язати процедуру – обробник деякої події, використовуючи метод bind():

<ім’я напису>.bind('<подія>', <ім’я процедури>)

Окремо потрібно ввести текст

процедури – обробника подїї із зазначеним іменем.

Розділ 4

§ 4.3

© Вивчаємо інформатику teach-inf.com.ua

19 of 27

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

Послідовність дій може бути такою:

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

Розділ 4

§ 4.3

© Вивчаємо інформатику teach-inf.com.ua

20 of 27

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

Наприклад, потрібно, щоб після настання події Click з написом з іменем label

колір фону напису ставав жовтим, колір символів – червоним, розмір символів  – 14, у напис виводився заданий текст.

Розділ 4

§ 4.3

© Вивчаємо інформатику teach-inf.com.ua

21 of 27

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

Результат виконання процедури – обробника події Click для напису:

Розділ 4

§ 4.3

© Вивчаємо інформатику teach-inf.com.ua

22 of 27

Для тих, хто хоче знати більше

Текст у написі можна вивести в кілька рядків. Для цього на місці, де повинен розпочинатися новий рядок, потрібно ввести символи \n. Наприклад, у написі, створеному командою:

label = Label(text = 'Я навчаюсь \n у 8 класі')

У першому рядку буде відображатися текст

Я навчаюсь, а у другому – у 8 класі.

Розділ 4

§ 4.3

© Вивчаємо інформатику teach-inf.com.ua

23 of 27

Дайте відповіді на запитання

  1. Для чого використовують напис?
  1. Як створити напис?
  1. Як можна встановити значення властивостей напису?
  1. Які ви знаєте властивості напису? Поясніть їх.
  1. Як розмістити напис у вікні?

Розділ 4

§ 4.3

© Вивчаємо інформатику teach-inf.com.ua

24 of 27

Розгадайте ребус

Напис

Розділ 4

§ 4.3

© Вивчаємо інформатику teach-inf.com.ua

25 of 27

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

Проаналізувати

§ 4.3, с. 114-118

Розділ 4

§ 4.3

© Вивчаємо інформатику teach-inf.com.ua

26 of 27

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

Сторінка

116

cutt.ly/0e2cDIXk

Розділ 4

§ 4.3

© Вивчаємо інформатику teach-inf.com.ua

27 of 27

Успіхів�у навчанні!

Нова українська школа

Урок 23

Інформатика 8

teach-inf.com.ua

за підручником

Ривкінд Й.Я. та ін.