Урок 2:  Середовище програмування. Створення GUI-програми 

Для створення, редагування і налагодження проєктів мовою програмування Python будемо використовувати середовище розробки проєктів IDLE 3.7 (англ. Integrated Development and Learning Environment – інтегроване середовище розробки та навчання). Завантажити на свій комп’ютер останню версію Python для встановлення середовища розробки IDLE можна безкоштовно з офіційного сайту Python Software Foundation (англ. Python Software Foundation – фонд програмного забезпечення Python) (python.org ). 

Середовище розробки проєктів Pyton складається:

• Текстового редактора для введення і редагування програм;

• Інтерпретатора для перекладу команд мови програмування Pyton на мову команд, які може виконати процесор;

• Засобів налагодження проекту для пошуку в ній помилок;

• Довідкової системи.

Це середовище розробки надає можливість використовувати велику бібліотеку модулів - готових фрагментів програмного коду, які можуть бути приєднані до нових проєктів, що спрощує та пришвидшує їх створення.

Запуск Pyton:   ПУСК – Програми – IDLE (Pyton 3.7)

Під час роботи у Середовищі програмування IDLE використовується два вікна:

1. Вікно консолі (для перегляду результатів виконання програми, також у ньому можна уводити команди й одразу отримувати результат виконання)

2. Вікно програми (використовується для введення й зберігання програмного коду та  для подальшого виконання (запуску) програми)

Програми з графічним інтерфейсом

Python зазвичай використовується для створення програм з командним інтерфейсом, але він має ряд модулів (бібліотек), які дозволяють створювати програми з графічним інтерфейсом. Одним з таких модулів є модуль tkinter.

tkinter - це пакет для Python, призначений для роботи з бібліотекою Tk. Бібліотека Tk містить компоненти графічного інтерфейсу користувача (graphical user interface - GUI), написані на мові програмування Tcl.

Під графічним інтерфейсом користувача (GUI) маються на увазі сукупність всіх тих вікон, кнопок, текстових полів для введення, скролерів, списків, перемикачів, прапорців та ін., які ви бачите на екрані, відкриваючи ту чи іншу програму. Через них ви взаємодієте з програмою і керуєте нею. Всі ці елементи інтерфейсу разом будемо називати віджетами (widgets) або компонентами вікна чи елементами керування.

Графічний інтерфейс  (GUI) — це організація взаємодії людини і комп’ютера з використанням графічних компонентів — віджетів. 

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

Алгоритм  створення GUI-програми:

1. Створити головне вікно (форму).

2. Створити віджети і конфігурувати їх властивості (опцій).

3. Визначити події, тобто те, на що буде реагувати програма (на які віджети).

4. Визначити обробники подій, тобто те, як буде реагувати програма.

5. Розташувати віджети в головному вікні.

6. Запустити цикл обробки подій.

Послідовність не обов'язково така, але перший і останній пункти завжди залишаються на своїх місцях.

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

Головному вікну проєкту часто надають ім’я root (англ. root – корінь). Далі в командах будемо використовувати саме це ім’я для вікна. 

Алгоритм створення головного вікна програми з графічним інтерфейсом:

1. Імпорт модуля tkinter

2. Створення вікна програми

3. Задання властивостей вікна

4. Запуск циклу обробки подій

Приклад програмного коду роботи з вікном

from tkinter import * # приєднання до проєкту модуля tkinter для створення проєкту з вікном

root=Tk() # команда створення вікна root із завголовком-написом Tk

root.title('Мій перший проект') # команда заміни напису в рядку заголовка вікна з іменем root на текст вказаний в одинарних лапках.

root.geometry('600x400+200+100') # команда зміна розмірів і положення вікна.

root[‘bg’]='red' # зміна кольору фону вікна.

root.mainloop() # команда закінчення роботи з вікном 

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

• root.geometry(‘400x250’) -  команда установить ширини вікна – 400 пікселів і висоту вікна – 250 пікселів, а положення вікна не змінить.

• root.geometry(‘+300+200’) - розміри вікна не зміняться, а зміняться лише відстані вікна від лівої та верхньої меж екрана. 

• root.geometry(‘600x400+200+100’) - команда установить ширину вікна 600 пікселів, висоту вікна 400 пікселів, відстань лівої межі вікна від лівої межі екрана – 200 пікселів, відстань верхньої межі вікна від верхньої межі екрана – 100 пікселів