1 of 19

Алгоритми та програми

4.3. НАПИС

Йосиф Ривкінд  /  Тетяна Лисенко

Людмила Чернікова  /  Віктор Шакотько

2 of 19

На цьому уроці ми вивчатимемо:

Алгоритми та програми /  Напис

Напис як елемент керування, його властивості та їх значення

Створення напису та способи його розміщення у вікні

Події, які можуть відбуватися з написом

Обробники подій з написом

3 of 19

ВЛАСТИВОСТІ НАПИСУ�

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

Алгоритми та програми /  Напис

4 of 19

СТВОРЕННЯ НАПИСУ

lab = Label(

text=“Напис”,

fg = “green”)

Розмістити напис у вікні

lab.pack(pady=20)

Установити значення властивостей напису

lab = Label(text=“Напис”, fg = “green”)

Створити об’єкт Напис

lab = Label()

Алгоритми та програми /  Напис

5 of 19

ВЛАСТИВОСТІ НАПИСУ

Властивість

Опис

Приклад

text

Текст напису

text = “Україна”

width / height

Ширина / висота напису (кількість символів)

width = 10

height = 3

bg (background) / fg (foreground)

Колір фону / колір символів

bg = “blue”

fg = “yellow”

font

Шрифт – назва шрифту, розмір символів, накреслення (напівжирний – bold, курсив – italic, підкреслений – underline)

font = “Arial 14 italic”

state

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

state = “disable”

Алгоритми та програми /  Напис

6 of 19

ПРИКЛАД ВЛАСТИВОСТЕЙ НАПИСУ

lab = Label(text="Я - напис",

width=10,

fg="yellow",

bg = "blue",

font="Arial 14 italic")

Алгоритми та програми /  Напис

7 of 19

РОЗМІЩЕННЯ НАПИСУ У ВІКНІ

Методи розміщення напису у вікні :

  • pack() – напис автоматично розміщується під рядком заголовка вікна з однаковими відступами від лівої та правої межі вікна. Зміна відступів - властивість pady;
  • place(x = <відступ від лівої межі вікна>, y = <відступ від верхньої межі вікна>) – верхня ліва вершина напису розміщується в точці вікна із заданими координатами х та у.

lab.place(x = 20, y = 50)

Алгоритми та програми /  Напис

8 of 19

ПРОЄКТ З НАПИСОМ

from tkinter import *

root = Tk()

root.geometry("300x200+300+300")

lab = Label(text="Я - напис",

width=10,

fg="yellow",

bg = "blue",

font="Arial 14 italic")

lab.pack(pady = 50)

​

Якщо проєкт буде створено в онлайн середовищі, то потрібна команда:

root.mainloop()

Алгоритми та програми /  Напис

9 of 19

ОБРОБНИКИ ПОДІЙ ДЛЯ НАПИСУ

  • Які події можуть відбуватися з кнопкою?
  • Що таке обробник події?
  • Як записується обробник події у проєкті та як він виконується? �

Алгоритми та програми /  Напис

10 of 19

ОБРОБНИКИ ПОДІЙ ДЛЯ НАПИСУ

Алгоритми та програми /  Напис

11 of 19

Виберіть відповіді на запитання

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

lab = Label(text=“Ok”)

btn = Button(text=“Ok",

width=10)

lab.place(x = 10, y = 50)

lab = Label()

btn.pack(pady = 50)

Алгоритми та програми /  Напис

12 of 19

Виберіть відповіді на запитання

Які команди призначені для установлення значень властивостей напису з іменем lab, що відрізняються від значень за замовчуванням?

btn[‘width’] = 10

lab = Label(text=“Ok", width=10)

lab = Label()

root.geometry("300x200")

lab[‘bg’] = ‘green’

Алгоритми та програми /  Напис

13 of 19

Виберіть відповіді на запитання

Які команди призначені для розміщення напису з іменем lab у вікні?

root.geometry("300x200")

lab = Label()

lab.place(x = 50, y = 30)

btn = Button(text=“Ok", width=10)

lab.pack(pady = 50)

Алгоритми та програми /  Напис

14 of 19

Виберіть відповіді на запитання

Які команди призначені для пов’язування з написом з іменем lab обробників подій з іменем click?

lab.bind(“<Double-1>”, click)

lab.bind(“<1>”, click)

lab.place(x = 50, y = 30)

btn = Button(text=“Ok",

command = click)

lab.bind(“<Motion>”, click)

Алгоритми та програми /  Напис

15 of 19

Створення проєкту з написом

Алгоритми та програми /  Напис

Перегляньте відео

Завдання

Розмістити у вікні два написи Моя країна та Україна.

Після настання події Click з першим написом: колір тла першого напису – синій, другого напису – жовтий.

Після настання події Click з другим написом: колір символів першого напису – жовтий, другого напису – синій, шрифт символів у обох написах – Arial, 14, напівжирний.

16 of 19

Виконайте вправу в інтернеті

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

https://learningapps.org/watch?v=pa2bmep6525

Вправа «Кнопка і напис. Спільне та відмінне»

Алгоритми та програми /  Напис

17 of 19

Виконайте вправу в інтернеті

Установіть відповідність між командами проєкту та їх призначенням

https://learningapps.org/watch?v=pmtgt6x5a25

Вправа «Проєкти з кнопками та написами»

Алгоритми та програми /  Напис

18 of 19

Виконайте завдання в інтернеті

У вікні розміщено напис з текстом" Текст у написі". Виберіть напис. Подивіться, як змінюється його колір і текст.

Розмістіть у вікні ще один напис шириною 20 символів, з синім фоном і текстом "Це другий напис!" жовтого кольору.

Додайте до проєкту обробник події, щоб в результаті переміщення вказівника по доданому напису в ньому змінився текст, колір фону і колір символів.

https://codehs.com/sandbox/tlysenko/task-for-43-1

Завдання «Змінення напису»

Алгоритми та програми /  Напис

19 of 19

Успіхів вам

у навчанні!

Йосиф Ривкінд  /  Тетяна Лисенко  /  Людмила Чернікова  /  Віктор Шакотько