Графічний інтерфейс користувача (tkinter)

Графічний інтерфейс користувача можна створювати за допомогою команд бібліотеки tkinter.

Для онлайнової роботи скористаємось сервісом: https://repl.it/languages/tkinter (якщо програма перестає запускатись, скопіюйте свій код та запустіть це посилання знову).

Також можна встановити середовище https://play.google.com/store/apps/details?id=ru.iiec.pydroid3&hl=uk на свій мобільний пристрій.

  Теоретичний матеріал.

1. Створення порожньої форми:

from tkinter import *

root = Tk() # створення вікна

root.title("Найпростіше вікно") # заголовок вікна

root.geometry("400x100") # розмір вікна

root.mainloop() # вікно залишається на екрані поки його не закриємо.

Всі наступні команди потрібно розміщувати перед командою root.mainloop()

2. Напис на формі

label = Label (root, text="Hello, world!") # вказуємо, де створюється напис з іменем label, і його текстовий вміст 

label.pack() # розміщення на формі

3. Кнопка

knopka=Button(root, text="Useless button", command=reply) # вказуємо, де створюється кнопка knopka, її текстовий вміст та назва функції, яка викликається при натисненні цієї кнопки

knopka.pack(side=TOP, padx=5, pady=5) # розміщення кнопки на формі: вирівнювання згори, відступи по 5 пікселів по x та y

Функція, яка викликається цією кнопкою змінює текст напису на "Wow". Це описано так:

def reply():

    label.configure(text="Wow")

Зверніть увагу, що визначення функції reply має розміщуватись до опису кнопки, бажано на початку програми.

4. Поле введення

textBox = Entry (root) # вказуємо, де створюється поле введення інформації

textBox.pack(padx=5, pady=5) # розміщення на формі з відступами по 5 пікселів по горизонталі та вертикалі

imya=textBox.get() # інформація з поля введення записується у змінну imya

Практичне завдання «Проєкт 1».

Завдання. Створити проект, у якому є 1 кнопка, 1 поле введення інформації та 1 напис. Ім'я користувача вводиться у текстове поле. При клацанні кнопки даний текст заноситься у напис на формі.

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

Для онлайнової роботи скористайтесь сервісом:  https://repl.it/languages/tkinter (якщо програма перестає запускатись, скопіюйте свій код та запустіть це посилання знову, вставивши попередньо скопійований код).

 Код програми.

def reply():

  imya=textBox.get()

  label.configure(text=imya)

from tkinter import *

root = Tk()

root.title("Найпростіше вікно")

root.geometry("400x100")

label = Label (root, text="Hello, world!")

label.pack()

knopka=Button(root, text="Useless button", command=reply)

knopka.pack(side=TOP, padx=5, pady=5)

textBox = Entry (root)

textBox.pack(padx=5, pady=5)

root.mainloop()