Графічний інтерфейс, основні компоненти програми з графічним інтерфейсом

Властивості та методи елементів керування. Текстовий напис

Клас один - екземплярів або об'єктів багато.

Поведінка об'єктів реалізується через МЕТОДИ. Методи змінюють стан об'єкта або надають доступ до даних, що зберігаються уданих.

Графічний інтерфейс

Елементи графічного інтерфейса:

Напис.
Поле введення
Кнопки
тощо

Для реалізації графічного інтерфейсу GUI, тобто створення програмних вікон і налаштування їх властивостей мовою програмування Python, будемо використовувати модуль .tkinter

Виклик метода здійснюють конструкцією:

Ім’я_об’єкта.Ім’я_методу

Об’єкт вікно має свої властивості: назва, розмір, розміщення, колір фона

from tkinter import*

Щоб кожного разу не казати, що ми підключили модуль .tkinter

root=Tk()

Створюємо об'єкт головне вікно, дамо назву root і викликаємо клас вікон (з великої букви) Tk

root.title("Моє перше програмне вікно")

Змінимо назву вікна: метод .title(" ")

Налаштуємо властивості вікна за допомогою методів відповідного класу

root.geometry("500X600")

Змінити розміри та розташування вікна:

метод .geometry("500x600+100+200 ")

500 - довжина вікна, 600 - ширина вікна .

+100 вікно розташовано на 100px праворуч від лівого верхнього кута (0,0)

+200 вікно розташовано на 200px вниз від лівого верхнього кута (0,0)

root.minsize(300,400)

root.maxsize(700,800)

Можна задати мінімальні і максимальні значення вікна метод .minsize(300,400)

метод .maxsize(300,400)

root.config(bg="yellow ")

root['bg']="yellow "

Можна змінити колір фона вікна метод .config(bg="yellow ")

або

root.config(bg="#008080")

https://html-css.co.ua/html/color-in-html/

root["cursor"] = "heart"

Можна змінювати властивості об'єктів двома способами

за допомогою методів
за допомогою ключів

Приклад. root["cursor"] = "heart"

# задає зовнішній вигляд курсору, повний список доступних курсорів представлений на малюнку нижче

root.mainloop()

Для запуску циклу опрацювання подій у модулі tkinter використовують метод mainloop().

from tkinter import*

root=Tk()

root.title("Моє перше програмне вікно")

root.geometry("500x600")

root.minsize(300,400)

root.maxsize(700,800)

root.config(bg="yellow")

root["cursor"] = "heart"

root.mainloop()

При запуску програми з'явиться створене графічне вікно в очікуванні певних дій

Починаємо знайомство з віджетами.

Віджет Label (напис). Це елемент керування графічного вікна, якй використовується для виведення текстової інформації.

Розглянути:

Як створювати написи.
Їх властивості.
Способи виведення на екран

from tkinter import*

root=Tk()

root.title("Моє перше програмне вікно")

root.geometry("500x600")

root.minsize(300,400)

root.maxsize(700,800)

root.config(bg="#008080")

l1=Label(root,text="Привіт!")

l1.pack()

root.mainloop()

Створити змінну l1 та приєднати її до відповідного класу, що відповідає за створення напису

Клас Label( )

root вікно, у якому створено цей напис, бо вікон може бути декілька. Обов'язковий параметр

text="Привіт" , text - головний атрибут віджета, який показує текст Привіт, що показується на екрані

Запустити на виконання.

Упс( Жодних помилок немає і напису також не з'явився.

Отож, мало створити напис, його потрібно ще розмістити у вікні.

Для цього існують певні методи ( їх називають пакувальники)

На цьому уроці використаємо самий простий метод .pack()

(Цей метод розміщення об'єктів працює за принципом: створений об'єкт буде розміщено біля верхнього краю вікна, а кожний наступний за ним (каскадом)

from tkinter import*

root=Tk()

root.title("Моє перше програмне вікно")

root.geometry("500x600")

root.minsize(300,400)

root.maxsize(700,800)

root.config(bg="#008080")

l1=Label(root,text="Привіт!",

bg="red",

fg="white",

font=("Arial",15,"bold"),

padx=20,

pady=40,

width=40,

height=10,

anchor="n",

relief=RAISED,

bd=10

)

l1.pack()

root.mainloop()

Напис має певні властивості:

bg="red", колір фона напису

fg="white", колір шрифту напису

font=("Arial",15,"bold"), шрифт розмір шрифту накреслення

padx=20, відступи по х

pady=40, відступи по у

width=40, ширина блоку з написом (у символах)

height=10, висота блоку з написом (у символах)

anchor="n", розташування "n" "s" "w" "e"

relief=RAISED, клас рамок за замовчуванням 2рх

bd=10 ширина рамки у рх

Практичне завдання

Створіть програму, за допомогою якої у вікні повідомлення буде виводитися цитата:

Людина, яка в XXI столітті не вмітиме користуватись комп’ютером, буде подібна людині ХХ століття, що не вміє ні писати, ні читати. Академік В. М. Глушков

Вікно має наступні параметри:

довжина вікна 600, ширина вікна 400

максимальні розміри вікна 800,600

мінімальні розміри вікна 500,300

колір фону вікна жовтий

вигляд курсору зірочка

колір фону напису чорний

колір напису білий

шрифт Аrial, 16

ширину блоку напису, відступи за смаком

рамка 15рх

розташований напис зліва у вікні

Щоб виконати завдання уроку зайти на сервіс https://replit.com , згенерувати посилання на створений ресурс і прозвітувати у класі про виконання (для цього надіслати посилання)

Прочитати Розділ 3 §14 Інформатика 8. Н.В. Морзе

8_i_m_2021.pdf

Кольори для Python (tkinter)

Шрифти в Python (tkinter)

'System',

'Terminal',

'Fixedsys',

'Modern',

'Roman',

'Script',

'Courier',

'MS Serif',

'MS Sans Serif',

'Small Fonts',

'Marlett',

'Arial',

'Arabic Transparent',

'Arial Baltic',

'Arial CE',

'Arial CYR',

'Arial Greek',

'Arial TUR',

'Arial Black',

'Bahnschrift Light',

'Bahnschrift SemiLight',

'Bahnschrift',

'Bahnschrift SemiBold',

'Bahnschrift Light SemiCondensed',

'Bahnschrift SemiLight SemiConde',

'Bahnschrift SemiCondensed',

'Bahnschrift SemiBold SemiConden',

'Bahnschrift Light Condensed',

'Bahnschrift SemiLight Condensed',

'Bahnschrift Condensed',

'Bahnschrift SemiBold Condensed',

'Calibri',

'Calibri Light',

'Cambria',

'Cambria Math',

'Candara',

'Candara Light',

'Comic Sans MS',

'Consolas',

'Constantia',

'Corbel',

'Corbel Light',

'Courier New',

'Courier New Baltic',

'Courier New CE',

'Courier New CYR',

'Courier New Greek',

'Courier New TUR',

'Ebrima',

'Franklin Gothic Medium',

'Gabriola',

'Gadugi',

'Georgia',

'Impact',

'Ink Free',

'Javanese Text',

'Leelawadee UI',

'Leelawadee UI Semilight',

'Lucida Console',

'Lucida Sans Unicode',

'Malgun Gothic',

'@Malgun Gothic',

'Malgun Gothic Semilight',

'@Malgun Gothic Semilight',

'Microsoft Himalaya',

'Microsoft JhengHei',

'@Microsoft JhengHei',

'Microsoft JhengHei UI',

'@Microsoft JhengHei UI',

'Microsoft JhengHei Light',

'@Microsoft JhengHei Light',

'Microsoft JhengHei UI Light',

'@Microsoft JhengHei UI Light',

'Microsoft New Tai Lue',

'Microsoft PhagsPa',

'Microsoft Sans Serif',

'Microsoft Tai Le',

'Microsoft YaHei',

'@Microsoft YaHei',

'Microsoft YaHei UI',

'@Microsoft YaHei UI',

'Microsoft YaHei Light',

'@Microsoft YaHei Light',

'Microsoft YaHei UI Light',

'@Microsoft YaHei UI Light',

'Microsoft Yi Baiti',

'MingLiU-ExtB',

'@MingLiU-ExtB',

'PMingLiU-ExtB',

'@PMingLiU-ExtB',

'MingLiU_HKSCS-ExtB',

'@MingLiU_HKSCS-ExtB',

'Mongolian Baiti',

'MS Gothic',

'@MS Gothic',

'MS UI Gothic',

'@MS UI Gothic',

'MS PGothic',

'@MS PGothic',

'MV Boli',

'Myanmar Text',

'Nirmala UI',

'Nirmala UI Semilight',

'Palatino Linotype',

'Segoe MDL2 Assets',

'Segoe Print',

'Segoe Script',

'Segoe UI',

'Segoe UI Black',

'Segoe UI Emoji',

'Segoe UI Historic',

'Segoe UI Light',

'Segoe UI Semibold',

'Segoe UI Semilight',

'Segoe UI Symbol',

'SimSun',

'@SimSun',

'NSimSun',

'@NSimSun',

'SimSun-ExtB',

'@SimSun-ExtB',

'Sitka Small',

'Sitka Text',

'Sitka Subheading',

'Sitka Heading',

'Sitka Display',

'Sitka Banner',

'Sylfaen',

'Symbol',

'Tahoma',

'Times New Roman',

'Times New Roman Baltic',

'Times New Roman CE',

'Times New Roman CYR',

'Times New Roman Greek',

'Times New Roman TUR',

'Trebuchet MS',

'Verdana',

'Webdings',

'Wingdings',

'Yu Gothic',

'@Yu Gothic',

'Yu Gothic UI',

'@Yu Gothic UI',

'Yu Gothic UI Semibold',

'@Yu Gothic UI Semibold',

'Yu Gothic Light',

'@Yu Gothic Light',

'Yu Gothic UI Light',

'@Yu Gothic UI Light',

'Yu Gothic Medium',

'@Yu Gothic Medium',

'Yu Gothic UI Semilight',

'@Yu Gothic UI Semilight',

'HoloLens MDL2 Assets',

'BIZ UDGothic',

'@BIZ UDGothic',

'BIZ UDPGothic',

'@BIZ UDPGothic',

'BIZ UDMincho Medium',

'@BIZ UDMincho Medium',

'BIZ UDPMincho Medium',

'@BIZ UDPMincho Medium',

'Meiryo',

'@Meiryo',

'Meiryo UI',

'@Meiryo UI',

'MS Mincho',

'@MS Mincho',

'MS PMincho',

'@MS PMincho',

'UD Digi Kyokasho N-B',

'@UD Digi Kyokasho N-B',

'UD Digi Kyokasho NP-B',

'@UD Digi Kyokasho NP-B',

'UD Digi Kyokasho NK-B',

'@UD Digi Kyokasho NK-B',

'UD Digi Kyokasho N-R',

'@UD Digi Kyokasho N-R',

'UD Digi Kyokasho NP-R',

'@UD Digi Kyokasho NP-R',

'UD Digi Kyokasho NK-R',

'@UD Digi Kyokasho NK-R',

'Yu Mincho',

'@Yu Mincho',

'Yu Mincho Demibold',

'@Yu Mincho Demibold',

'Yu Mincho Light',

'@Yu Mincho Light',

'DengXian',

'@DengXian',

'DengXian Light',

'@DengXian Light',

'FangSong',

'@FangSong',

'KaiTi',

'@KaiTi',

'SimHei',

'@SimHei',

'Ubuntu',

'Raleway',

'Ubuntu Condensed',

'Ubuntu Light'

Page updated

Google Sites

Report abuse

Графічний інтерфейс, основні компоненти програми з графічним інтерфейсом

Властивості та методи елементів керування. Текстовий напис

Клас один - екземплярів або об'єктів багато.

Поведінка об'єктів реалізується через МЕТОДИ. Методи змінюють стан об'єкта або надають доступ до даних, що зберігаються уданих.

from tkinter import*

Щоб кожного разу не казати, що ми підключили модуль .tkinter

root=Tk()

Створюємо об'єкт головне вікно, дамо назву root і викликаємо клас вікон (з великої букви) Tk

root.title("Моє перше програмне вікно")

Змінимо назву вікна: метод .title(" ")

Налаштуємо властивості вікна за допомогою методів відповідного класу

root.geometry("500X600")

Змінити розміри та розташування вікна:

метод .geometry("500x600+100+200 ")

500 - довжина вікна, 600 - ширина вікна .

+100 вікно розташовано на 100px праворуч від лівого верхнього кута (0,0)

+200 вікно розташовано на 200px вниз від лівого верхнього кута (0,0)

root.minsize(300,400)

root.maxsize(700,800)

Можна задати мінімальні і максимальні значення вікна метод .minsize(300,400)

метод .maxsize(300,400)

root.config(bg="yellow ")

root['bg']="yellow "

Можна змінити колір фона вікна метод .config(bg="yellow ")

або

root.config(bg="#008080")

root["cursor"] = "heart"

Можна змінювати властивості об'єктів двома способами

за допомогою методів

за допомогою ключів

Приклад. root["cursor"] = "heart"

root.mainloop()

Для запуску циклу опрацювання подій у модулі tkinter використовують метод mainloop().

При запуску програми з'явиться створене графічне вікно в очікуванні певних дій

Починаємо знайомство з віджетами.

Віджет Label (напис). Це елемент керування графічного вікна, якй використовується для виведення текстової інформації.

Розглянути:

Як створювати написи.

Їх властивості.

Способи виведення на екран

from tkinter import*

root=Tk()

root.title("Моє перше програмне вікно")

root.geometry("500x600")

root.minsize(300,400)

root.maxsize(700,800)

root.config(bg="#008080")

l1=Label(root,text="Привіт!")

l1.pack()

root.mainloop()

Створити змінну l1 та приєднати її до відповідного класу, що відповідає за створення напису

Клас Label( )

root вікно, у якому створено цей напис, бо вікон може бути декілька. Обов'язковий параметр

text="Привіт" , text - головний атрибут віджета, який показує текст Привіт, що показується на екрані

Запустити на виконання.

Упс( Жодних помилок немає і напису також не з'явився.

Отож, мало створити напис, його потрібно ще розмістити у вікні.

Для цього існують певні методи ( їх називають пакувальники)

На цьому уроці використаємо самий простий метод .pack()

from tkinter import*

root=Tk()

root.title("Моє перше програмне вікно")

root.geometry("500x600")

root.minsize(300,400)

root.maxsize(700,800)

root.config(bg="#008080")

l1=Label(root,text="Привіт!",

bg="red",

fg="white",

font=("Arial",15,"bold"),

padx=20,

pady=40,

width=40,

height=10,

anchor="n",

relief=RAISED,

bd=10

)

l1.pack()

root.mainloop()