Створення базового вікна застосунку з Tkinter для взаємодії з користувачем

1. Створення головного вікна застосунку

Сьогодні ми вирушаємо у захоплюючу подорож світом графічних інтерфейсів з бібліотекою Tkinter. Після цієї лекції ваш PC буде не просто залізною коробкою, а справжнім чарівником, який вміє не лише рахувати, але і успішно показувати результати користувачеві на екрані. Отже, застібаємо ремені та поїхали розробляти наше перше базове вікно застосунку!

Давайте почнемо зі створення основного вікна нашого застосунку. У Tkinter це робиться досить просто. Ми будемо використовувати функцію Tk(), щоб створити екземпляр головного вікна — це як традиційне "Hello, World!" у світі GUI.

import tkinter as tk

# Створюємо екземпляр застосунку
root = tk.Tk()

# Встановлюємо заголовок вікна
root.title("Мій перший застосунок")

# Запускаємо основний цикл
root.mainloop()
    

Що тут відбувається?

1. Імпорт Tkinter: Почнемо з імпорту бібліотеки tkinter. Для зручності ми імпортуємо її як tk (тому що ми, програмісти, просто обожнюємо скорочення).
2. Створення вікна: Ми створюємо об'єкт root, який представляє головне вікно застосунку. Уявіть, що це вікно — його "серце", і без нього наш застосунок просто не виживе.
3. Заголовок вікна: За допомогою методу title() ми встановлюємо заголовок нашого вікна, щоб користувачі знали, з чим мають справу. У даному випадку ми просто назвали його "Мій перший застосунок".
4. Основний цикл (mainloop()): Це важливий елемент, який запускає обробку подій у нашому застосунку. Поки цей цикл виконується, наше вікно лишається на екрані, чекаючи взаємодії з користувачем.

Покрокове керівництво

1. Створення головного вікна: кожен інтерфейс починається зі створення основного вікна.

   
   root = tk.Tk()
   root.title("Базове вікно")
               

   Ура! Ви щойно запросили у своє життя вікно. Сподіваюся, у вас є шторки!

2. Налаштування параметрів вікна: додамо трохи персоналізації.

   
   root.geometry("800x600")  # Ширина x Висота
   root.iconbitmap('icon.ico')  # Ви можете вказати свій файл іконки
               

3. Основний цикл застосунку: щоб ваше вікно не зникло відразу після появи, запускаємо основний цикл.

   
   root.mainloop()
               

Основний цикл застосунку

Тепер, коли у нас є вікно, варто поговорити про основний цикл mainloop(). Він діє як невидимий діджей на вашій вечірці — поки він крутить платівки, все йде за планом. Основний цикл залишається пильним, забезпечуючи роботу застосунку та реагуючи на дії користувача, такі як кліки мишкою чи натискання клавіш.

Без цього циклу ваш застосунок просто покаже порожнє вікно і завершиться. Тож не забудьте включити його у кінець кожного з ваших Tkinter-скриптів!

2. Знайомство з виджетами

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

Основні виджети Tkinter

• Вікно (Window): головна поверхня, на якій мешкають усі інші виджети.
• Кнопка (Button): елемент взаємодії, що реагує на натискання.
• Поле вводу (Entry): текстове поле для вводу одного рядка тексту.
• Напис (Label): використовується для відображення тексту чи зображень.
• Текстове поле (Text): для введення та відображення багаторядкового тексту.

Приклади використання виджетів

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

import tkinter as tk

def say_hello():
    label.config(text="Привіт, світ!")

root = tk.Tk()
root.title("Мій перший застосунок")

label = tk.Label(root, text="Натисни кнопку")
label.pack(pady=10)

button = tk.Button(root, text="Натисни мене", command=say_hello)
button.pack(pady=5)

root.mainloop()
    

Після запуску цього коду ви побачите вікно з написом і кнопкою. Натисніть на кнопку — і напис привітає світ!

3. Додавання виджетів у вікно

Тепер, коли у нас є наше чудове вікно (так, поки що це все, чим ми можемо похвалитися), давайте додамо кілька віджетів. Виджети — це елементи інтерфейсу користувача, такі як кнопки, написи, поля вводу тощо. Почнемо з чогось простого: створимо кнопку і напис.

# Імпортуємо бібліотеку tkinter
import tkinter as tk

# Створюємо головне вікно застосунку
root = tk.Tk()
root.title("Мій перший застосунок")

# Створюємо напис і розміщуємо його у вікні
label = tk.Label(root, text="Привіт, користувачу! Ласкаво просимо в мій перший GUI.")
label.pack()  # Використовуємо метод pack для розміщення виджета

# Створюємо кнопку і розміщуємо її у вікні
button = tk.Button(root, text="Натисни мене!", command=lambda: print("Кнопка натиснута!"))
button.pack()

# Запускаємо основний цикл
root.mainloop()
    

Пояснення

1. Напис (Label): Ми створили напис із текстом "Привіт, користувачу! Ласкаво просимо в мій перший GUI." за допомогою Label(). Метод pack() наприкінці — це простий спосіб розміщення виджета на екрані.

2. Кнопка (Button): Кнопка створена з текстом "Натисни мене!". Ми також передали параметр command, який вказує, яку функцію потрібно викликати при натисканні на кнопку. Тут команда викликає lambda: print("Кнопка натиснута!"), тож при кліку ви побачите повідомлення в консолі.

Таким чином, ми не лише створили базове вікно, але й зробили його інтерактивним! Можна сказати, ми перейшли від одного вікна до невеликого "застосунку". Це лише початок — попереду нас чекає багато цікавого!

Сподіваюся, ви насолоджувалися цим вступним подорожжям у світ Tkinter. Пам'ятайте, GUI — це ваш шанс показати світу свою програмістську майстерність у візуальній формі. На наступній лекції ми розглянемо, як додавати кнопки та поля вводу, тож готуйтеся до ще більш інтерактивних інтерфейсів!