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

 

 

Частина-1. Базові теоретичні відомості

1. Що таке Tkinter

Tkinter — це бібліотека Python, яка дозволяє створювати віконні (графічні) програми. Завдяки Tkinter ми можемо зробити програму з кнопками, написами, полями для введення тексту.

 

2. Імпорт бібліотеки Tkinter

Щоб почати роботу з Tkinter, її потрібно імпортувати.

Варіант 1: import tkinter

Варіант 2: from tkinter import *

3. Головне вікно програми

Головне вікно — це основа програми. Саме в ньому розміщуються кнопки, написи та інші елементи.

Зазвичай головне вікно зберігають у змінній root, однак назва змінною може бути іншою.

4. Метод .geometry()

Метод geometry() задає розмір вікна.

Формат запису: ширина x висота (у пікселях).

Наприклад: 300x250.

5. Метод .title()

Метод title() встановлює назву вікна, яку ми бачимо у верхній частині.

Це назва програми для користувача.

6. Метод .mainloop()

mainloop() — це команда, яка запускає програму і утримує Головне вікно на екрані.

Поки працює mainloop(), програма:

•         відображає вікно
•         реагує на кліки миші
•         обробляє дії користувача

Без mainloop() вікно не з’явиться.

7. Колір фону (bg)

У Tkinter можна змінювати колір фону вікна та віджетів.

Кольори можна задавати:

•         словами: red, blue, yellow, green
•         у форматі HEX: #ff0000, #00ff00

HEX — це спеціальний код, який задає колір за допомогою цифр і літер.

8. Віджети

Віджети — це елементи інтерфейсу, з яких складається програма.

Приклади віджетів:

•         кнопка
•         напис
•         поле для введення
•         багаторядкове поле

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

9. Віджет Label

Label — це напис з текстом у вікні.

Використовується для:

•         заголовків
•         підписів
•         виведення інформації

10. Віджет Button

Button — це кнопка, яку можна натискати.

Кнопки використовуються для виконання дій (у майбутньому).

11. Віджет Entry

Entry — це поле для введення тексту. Будь-що сприймаються Entry як символи, навіть якщо введене представлене цифрою

Параметр width задає ширину поля.

12. Метод пакування - розміщення його у вікні  .pack()

13. Метод зміни властивостей .configure()  використовується для зміни властивостей (параметрів) віджетів (кнопок, написів, вікон) вже після їх створення. Він дозволяє динамічно змінювати текст, кольори, розміри, шрифти та інші атрибути під час виконання програми.

 

 

 

ВАЖЛИВО:

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

І обов’язково наступним кроком упакувати (розмістити) віджет у вікні.

13. Додавання картинок формату png

 

Приклад рядка коду:

 

img1 = PhotoImage(file = ‘Namefile.png’)

img1- змінна, що відповідає за графічний файл Namefile.png, попередньо завантажений до Розпорядника файлів e-python.

PhotoImage(file=’’)- функція, яка файл із Розпорядника призначає змінній.

Частина-2. Експериментальна складова уроку

Приклад 6-1. Віджет Button (прямокутна кнопка з текстом)

from tkinter import *

from tkinter.ttk import *

 

 

root = Tk()

root.geometry('300x250')

root.title("Спробую додати кнопку з текстому")

root["bg"] = "#784512"

 

but = Button(text="Натиснути на мене", width=20, bg='black', fg='white')

but.pack()

 

root.mainloop()

 

Приклад 6-2. Віджет Button (кнопка з картинкою, яка попереднього завантажена до Розпорядника)

from tkinter import *

from tkinter.ttk import *

 

root = Tk()

root.geometry('500x450')

root.title("Додаю ДВІ кнопки, одна з якої є картинкою")

root["bg"] = "brown"

 

but = Button(text="Натиснути", width=20, bg='black', fg='white')

but.pack()

 

img1 = PhotoImage(file = 'Rossum.png')

b1 = Button(root, image=img1, compound='top')

b1.pack()

 

root.mainloop()

 

 

 

 

 

Частина-3. Завдання Класрум для реалізації та оцінювання. Проєкт “Гвідо Россум”

Створіть власний проєкт в TKinter, результатом виконання якого був би створений такий фрагмент головного вікна програми розміром 800x600:

 

 

•         Додати ще одну Мітку з текстом про виконавця проєкту ( прізвище, ім'я, клас)
•         Додати Поле шириною 60 зеленого кольору
•         Додати Мітку з текстом “А коли святкуємо день народження Python?”
•         Додати кнопку з текстом “Відповісти” (тло - чорний, текст - білий)

 

 

 

Важливо:

1. Для головного вікна використати змінну з іменем window

 

2. Обираєте кольори за власним бажанням.

 

3. Шрифт символів Times New Roman, розмір- 12 пт

 

 

Атрибути для текстів:

 

font = ( 'Times New Roman' ,16)

bg = 'black'

 fg = 'yellow'

 

 

Приклад вікна виконання