Віджети "Кнопка", "Напис", "Однорядкове текстове поле"
Сприйняття та осмислення нового матеріалу
На цьому уроці розглянемо докладніше три найбільш простих і популярних віджета GUI - кнопку, мітку і однорядкове текстове поле
У tkinter об'єкти цих елементів інтерфейсу породжуються відповідно від класів Button, Label і Entry
Способи конфігурації властивостей віджетів:
у момент створення об'єкту;
за допомогою методу config;
шляхом звернення до властивості як до елементу словника
ВІДЖЕТ Button - КНОПКА
Формат конструктора Button
Button(master=None, options)
master - посилання на батьківське вікно;
options - параметри
Властивості віджета класу Button:
text - встановлює текст кнопки;
command - установка дії, що буде відбуватися при натисканні на кнопку;
width - встановлення ширини кнопки (у знакомісцях);
height - встановлення висоти кнопки (у знакомісцях);
bg - визначення кольору фону;
fg - визначення кольору тексту;
activebackground - колір фону під час натискання та установки курсору миші над кнопкою;
activeforeground - колір тексту під час натискання та установки курсору миші над кнопкою;
font - шрифт тексту
Змінимо напис на кнопці
Учитель демонструє, учні повторюють на своїх комп'ютерахЗмінимо колір фону і тексту на кнопці
Учитель демонструє, учні повторюють на своїх комп'ютерахУстановимо кольори фону та тексту для кнопки в натиснутому стані та при наведеному на неї курсорі миші
Учитель демонструє, учні повторюють на своїх комп'ютерахВІДЖЕТ Label - МІТКА
Призначення віджету Label
Формат конструктора Label
Label(master=None, options)
master - посилання на батьківське вікно;
options - параметри
Властивості віджета класу Label:
text - встановлює текст мітки;
width - ширина віджета (у знакомісцях);
height - висота віджета (у знакомісцях);
bg - колір фону;
fg - колір тексту;
bd - розмір полів навколо тексту (у пікселях);
padx - відступ від меж елемента до його тексту праворуч і ліворуч;
pady - відступ від меж елемента до його тексту вгорі і внизу;
font - шрифт тексту;
justify - вирівнювання тексту (LEFT, CENTER, RIGHT);
wraplength - при додатньому значенні рядки тексту будуть переноситись
Застосування деяких властивостей напису в коді програми
Учитель демонструє, учні повторюють на своїх комп'ютерахНаписи і кнопки не обов'язково привласнювати змінним
ВІДЖЕТ Entry - ОДНОРЯДКОВЕ ТЕКСТОВЕ ПОЛЕ
Призначення текстового поля
Формат конструктора Entry
Entry(master=None, options)
master - посилання на батьківське вікно;
options - параметри
Параметри віджета класу Entry:
width - ширина елемента (у знакомісцях);
bg - колір фону;
fg - колір тексту;
font - шрифт тексту;
bd - товщина меж;
justify - вирівнювання тексту (LEFT, CENTER, RIGHT);
state - стан елемента (NORMAL, DISABLED)
Методи віджета Entry:
insert(index, str) - вставляє в текстове поле рядок str на визначену позицію index.
Можливі значення index: 0, номер позиції, END;get() - повертає введений у текстове поле текст;
delete(first, last) - видаляє символ за індексом first. Якщо зазначений параметр last, то видалення відбувається по індекс last, не включаючи останній.
Можливі значення параметрів: 0, позиція, END
Приклад використання методу insert
Завдання.
Змінити код програми так, щоб текст додавався в кінець рядка
Приклад використання методу delete
Доповнимо програму кнопкою очищення вмісту текстового поля
Завдання.
Додати кнопку "Видалити", яка видаляє перший символ рядка
Приклад використання методу get
Додамо кнопку, напис на якій змінюється на вміст поля введення при її натисканні