Структура приложения и работа с кнопкам / tkinter 1
Одно из главных преимуществ создания приложения с Tkinter в том, что с его помощью очень просто настроить интерфейс всего в несколько строк. И если программа становится сложнее, то и сложнее логически разделять ее на части, а организованная структура помогает сохранять код в чистом виде.
Простой пример
Возьмем в качестве примера следующую программу:
from tkinter import * root = Tk()
btn = Button(root, text="Нажми!")
btn.config(command=lambda: print("Привет, Tkinter!"))
btn.pack(padx=120, pady=30)
root.title("Мое приложение Tkinter")
root.mainloop()Она создает окно с кнопкой, которая выводит Привет, Tkinter! каждый раз при нажатии. Кнопка расположена с внутренним отступом 120px по горизонтальной оси и 30px – по вертикальной. Последняя строка запускает основной цикл, который обрабатывает все пользовательские события и обновляет интерфейс до закрытия основного окна.
Программу можно запустить, чтобы убедиться, что она работает. Все переменные определяются в глобальном пространстве имен, и чем больше виджетов добавляется, тем сложнее разобраться в том, какие части они используют.
Wildcard-импорты ( from … import * ) считаются плохой практикой, поскольку они загрязняют глобальное пространство имен. Здесь они используются для иллюстрации анти-паттерна, который часто встречается в примерах онлайн.
Эти проблемы настройки решаются с помощью базовых техник объектно-ориентированного программирования, что считается хорошей практикой для любых типов программ на Python.
Правильный пример
Чтобы улучшить модуль простой программы, стоит определить несколько классов, которые станут обертками вокруг глобальных переменных:
import tkinter as tk
class App(tk.Tk):
def __init__(self):
super().__init__()
self.btn = tk.Button(self, text="Нажми!",
command=self.say_hello)
self.btn.pack(padx=120, pady=30)
def say_hello(self):
print("Привет, Tkinter!")
if __name__ == "__main__":
app = App()
app.title("Мое приложение Tkinter")
app.mainloop()Теперь каждая переменная хранится в конкретной области видимости, включая функцию command , которая находится в отдельном методе.
Как работает это приложение?
Во-первых нужно заменить wildcard-импорт на импорт в формате import … as для лучшего контроля над глобальным пространством имен.
Затем класс App определяется как подкласс Tk , который теперь ссылается на пространство имен tk . Для правильной инициализации базового класса, вызывается метод __init__() класса Tk с помощью встроенной функции super() . За это отвечают следующие строки:
class App(tk.Tk):
def __init__(self):
super().__init__()
# .Теперь есть ссылка на экземпляр App с переменной self . Так что виджет кнопки будет добавлен как атрибут класса.
Это может казаться излишним для такой простой программы, но подобный рефакторинг помогает работать с каждой отдельной частью. Создание кнопки отделено от обратного вызова, которые исполняется при нажатии. А генерация приложения перемещена в if __name__ == "main" , что является стандартной практикой для исполняемых скриптов в Python.
Такой же принцип будет использовать в примерах и дальше, поэтому его можно взять как шаблон-стартовая точка для крупных приложений.
Дополнение о структуре приложения
Класс Tk вынесен в отдельный класс в примере, но распространенной практикой считается выделять так же другие классы виджетов. Это делается для воссоздания тех же инструкций, которые были до рефакторинга.
Однако может быть более удобно разделять классы Frame или Toplevel особенно для больших программ, где, например, есть несколько окон. Это все потому что у приложения Tkinter должен быть один экземпляр Tk , а система создает их автоматически при создании экземпляра виджета до создания экземпляра самого Tk .
Помните, что это не влияет на структуру класса App , поскольку у всех классов виджетов есть метод mainloop , который запускает основной цикл Tk .
Работа с кнопками
Виджеты кнопок представляют собой кликабельные элементы графического интерфейса приложений. Они обычно используют текст или изображение, указывающие на то, какое действие будет выполнено при нажатии. Tkinter позволяет легко настраивать их функциональность с помощью стандартных настроек класса виджета Button .
Как создать кнопку
Следующий блок содержит кнопку с изображением, которая выключается при нажатии, а также список кнопок с разными типами анимации после нажатия:
import tkinter as tk
RELIEFS = [tk.SUNKEN, tk.RAISED, tk.GROOVE, tk.RIDGE, tk.FLAT]
class ButtonsApp(tk.Tk):
def __init__(self):
super().__init__()
self.img = tk.PhotoImage(file="python.gif")
self.btn = tk.Button(self, text="Кнопка с изображением",
image=self.img, compound=tk.LEFT,
command=self.disable_btn)
self.btns = [self.create_btn(r) for r in RELIEFS]
self.btn.pack()
for btn in self.btns:
btn.pack(padx=10, pady=10, side=tk.LEFT)def create_btn(self, relief):
return tk.Button(self, text=relief, relief=relief)def disable_btn(self):
self.btn.config(state=tk.DISABLED)if __name__ == "__main__":
app = ButtonsApp()
app.mainloop()Цель программы — показать разные варианты настройки, которые могут быть использованы при создании виджета кнопки.
После выполнения кода выше, возвращается следующее:
Простейший способ создания экземпляра Button — использование параметра text для настройки метки кнопки и command , который ссылается на вызываемую функцию при нажатии кнопки.
В этом примере также добавляется PhotoImage с помощью параметра image , который имеет приоритет над строкой text . Этот параметр используется для объединения изображения и текста на одной кнопке, определяя местоположение, где будет находиться картинка. Он принимает следующие константы: CENTER, BOTTOM, LEFT, RIGHT и TOP.
Второй ряд кнопок создается с помощью сгенерированного списка и списка значений RELIEF . Метка каждой кнопки соответствует константе, так что можно заметить разницу во внешнем виде.
Для сохранения ссылки на экземпляр PhotoImage использовался атрибут, хотя его и нет вне метода __init__ . Причина в том, что изображения удаляются при сборке мусора. Это и происходит, если объявить их в качестве локальных переменных.
Для избежания этого нужно помнить о сохранении ссылки на каждый объект PhotoImage до тех пор, пока окно, где он показывается, не закрыто.
Следующий урок: Работа с текстом (в разработке)
Создание кнопки в Python
Для того, чтобы создать кнопку в Python 3 с обработкой нажатия мыши, понадобится использовать пакет или библиотеку tkinter. По сути tkinter package является стандартным интерфейсом Python для инструментария Tk GUI. Поэтому его можно использовать для создания кнопки. Для осваивания данного языка это будет интересная и полезная практика. Для начала следует импортировать данный пакет и протестировать был ли он установлен в используемой вами среде разработки.
Установить tkinter в Линуксе (Убунту) можно через терминал (вызов терминала: Alt-Ctrl-T) набрав в терминале sudo apt-get install python3-tk. Там же в терминале можно узнать и установленную версию Питона (python - v).
Протестировать и узнать установлен ли tkinter в среде разработки можно следующим образом:
import tkinter from tkinter import ttk tkinter._test()Самый простой пример кнопки без обработчика нажатия мыши можно прописать так:
from tkinter import * from tkinter.ttk import * root = Tk() button = Button(root, text ="Button") button.pack() root.mainloop()Ещё пример простой до безобразия кнопки в Python 3:
import tkinter from tkinter import ttk root = tkinter.Tk() button = ttk.Button(root, text ="Press me") button.pack() root.mainloop()Создание кнопки в Python 3 при помощи tkinter
А вот интересный пример, в котором сразу три кнопки в одном фрейме (окне) при помощи библиотеки tkinter:
- первая кнопка обрабатывает нажатие мыши и выводит после него сообщение на экран,
- вторая кнопка при нажатии выводит актуальное на данный момент время на самой кнопке,
- третья кнопка после нажатия на неё завершает свою работу (работу всего виджета).
Импорт пакета как tk (сокращённо). Импорт библиотеки времени.
import tkinter as tk import timeСоздание окна, в котором будут отображаться кнопки. master — родительский виджет. pack () — упаковщик для размещения блоков один под другим. Создание виджета.
class Application(tk.Frame): def __init__(self, master=None): super().__init__(master) self.pack() self.create_widgets()Cоздание верхней кнопки. Первая кнопка обрабатывает нажатие мыши и выводит после него сообщение на экран. Текст на кнопке, также кнопку можно оформить в нужные цвета (цвет текста и фона), также можно выбрать шрифт (правда, прописанный шрифт у меня не сработал, но описан ниже для примера) и прописать размер кнопки.
сommand прописывает обращение к методу нажатия мыши на кнопку. Упаковщик pack необходим для размещения блоков один над другим.
def create_widgets(self): self.hi_there = tk.Button(self, font="Verdana", bg="red", fg="black", width=7, height=4) self.hi_there["text"] = "Hello User\n(click me)" self.hi_there["command"] = self.say_hi self.hi_there.pack(side="top")Создание второй кнопки Выхода из программы в том же методе создания виджета. Создание кнопки выхода из программы с удалением всех виджетов. Упаковщик для размещения блоков один под другим.
self.quit = tk.Button(self, text="QUIT", font="Arial", fg="red", bg="white", width=7,height=4, command=root.destroy) self.quit.pack(side="bottom")Обработка нажатия мыши. Создание кнопки с указанием времени на ней на данный момент. Обращение к методу при нажатии на кнопку, который выведет актуальное на данный момент время.
self.button = tk.Button(self) self.button['text'] = time.strftime('%H:%M:%S') self.button['command'] = self.button_clicked self.button.pack(side="bottom")Метод нажатия кнопки. Создание метода для вывода информации после нажатия на кнопку.
def say_hi(self): print("text after press the button")Создание метода, который выведет актуальное на данный момент время.
def button_clicked(self): self.button['text'] = time.strftime('%H:%M:%S')Создание собственного окна.
root = tk.Tk()Создание экземпляра класса.
app = Application(master=root)Запуск главного цикла обработки событий.
app.mainloop()А вот и полностью весь код примера трёх кнопок, который по кусочкам описан выше:
import tkinter as tk import time class Application(tk.Frame): def __init__(self, master=None): super().__init__(master) self.pack() self.create_widgets() def create_widgets(self): self.hi_there = tk.Button(self, font="Verdana", bg="red", fg="black", width=7, height=4) self.hi_there["text"] = "Hello User\n(click me)" self.hi_there["command"] = self.say_hi self.hi_there.pack(side="top") self.quit = tk.Button(self, text="QUIT", font="Arial", fg="red", bg="white", width=7,height=4, command=root.destroy) self.quit.pack(side="bottom") self.button = tk.Button(self) self.button['text'] = time.strftime('%H:%M:%S') self.button['command'] = self.button_clicked self.button.pack(side="bottom") def say_hi(self): print("text after press the button") def button_clicked(self): self.button['text'] = time.strftime('%H:%M:%S') root = tk.Tk() app = Application(master=root) app.mainloop()Успехов в учёбе!
P.S. Полезные ссылки для освоения материала по созданию кнопок в Python на tkinter:
- 25.1. tkinter — Python interface to Tcl/Tk
- Курс по библиотеке Tkinter языка Python
Как сделать кнопку python
Одним из наиболее используемых компонентов в графических программах является кнопка. В tkinter кнопки представлены классом Button . Основные параметры виджета Button:
- command : функция, которая вызывается при нажатии на кнопку
- compund : устанавливает расположение картинки и текста относительно друг друга
- cursor : курсор указателя мыши при наведении на метку
- image : ссылка на изображение, которое отображается на метке
- pading : отступы от границ вилжета до его текста
- state : состояние кнопки
- text : устанавливает текст метки
- textvariable : устанавливает привязку к элементу StringVar
- underline : указывает на номер символа в тексте кнопки, который подчеркивается. По умолчанию значение -1, то есть никакой символ не подчеркивается
- width : ширина виджета
Добавим в окно обычную кнопку из пакета ttk:
from tkinter import * from tkinter import ttk root = Tk() root.title("METANIT.COM") root.geometry("250x200") # стандартная кнопка btn = ttk.Button(text="Button") btn.pack() root.mainloop()
Для создания кнопки используется конструктор Button() . В этом конструкторе с помощью параметра text можно установить текст кнопки.
Чтобы разместить виджет в контейнере (главном окне), у него вызывается метод pack() . На ОС Windows мы получим следующую кнопку:
Конструктор Button определяет различные параметры, которые позволяют настроить поведение и внешний вид кнопки. Однако конкретный набор параметров зависит от того, используем ли мы кнопки из пакета tkinter или из пакета tkinter.ttk.
Обработка нажатия на кнопку
Для обработки нажатия на кнопку необходимо установить в конструкторе параметр command , присвоив ему ссылку на функцию, которая будет срабатывать при нажатии:
from tkinter import * from tkinter import ttk clicks = 0 def click_button(): global clicks clicks += 1 # изменяем текст на кнопке btn["text"] = f"Clicks " root = Tk() root.title("METANIT.COM") root.geometry("250x150") btn = ttk.Button(text="Click Me", command=click_button) btn.pack() root.mainloop()
Здесь в качестве обработчика нажатия устанавливается функция click_button. В этой функции изменяется глобальная переменная clicks, которая хранит число кликов. Кроме того, изменяем текст кнопки, чтобы визуально было видно сколько нажатий произведено. Таким образом, при каждом нажатии кнопки будет срабатывать функция click_button, и количество кликов будет увеличиваться:
Отключение кнопки
Для ttk-кнопки мы можем установить отключенное состояние с помощью метода state() , передав ему значение "disabled". С такой кнопкой пользователь не сможет взаимодействовать:
from tkinter import * from tkinter import ttk root = Tk() root.title("METANIT.COM") root.geometry("250x200") btn = ttk.Button(text="Click Me", state=["disabled"]) btn.pack() root.mainloop()
При этом в метод state мы можем передать набор состояний, поэтому значение "disabled" передается внутри списка.
Виджет кнопки Button Tkinter в Python
Виджет Button Tkinter в Python используется для добавления различных типов кнопок в приложение Python. Python позволяет нам настроить внешний вид кнопки в соответствии с нашими требованиями. В зависимости от требований можно установить или сбросить различные параметры.
Мы также можем связать метод или функцию с кнопкой, которая вызывается при ее нажатии.
Синтаксис использования виджета кнопки:
W = Button(parent, options)
Список возможных вариантов виджета приведен ниже.
| № | Вариант | Описание |
|---|---|---|
| 1 | activebackground | Представляет собой фон кнопки при наведении курсора мыши на кнопку. |
| 2 | activeforeground | Цвет шрифта кнопки при наведении курсора мыши на кнопку. |
| 3 | Bd | Представляет ширину границы в пикселях. |
| 4 | Bg | Цвет фона кнопки. |
| 5 | Command | Установлена на вызов функции, который запланирован. |
| 6 | Fg | Цвет переднего плана кнопки. |
| 7 | Font | Шрифт текста кнопки. |
| 8 | Height | Высота кнопки. Высота представлена количеством текстовых строк для текстовых строк или количеством пикселей для изображений. |
| 10 | Highlightcolor | Цвет выделения, когда кнопка находится в фокусе. |
| 11 | Image | Отвечает за изображение, отображаемое на кнопке. |
| 12 | justify | Иллюстрирует способ представления нескольких текстовых строк. Для него установлено значение ВЛЕВО для выравнивания по левому краю, ВПРАВО для выравнивания по правому краю и ЦЕНТР для выравнивания по центру. |
| 13 | Padx | Дополнительный отступ к кнопке по горизонтали. |
| 14 | pady | Дополнительный отступ к кнопке по вертикали. |
| 15 | Relief | Представляет собой тип границы. Это может быть SUNKEN, RAISED, GROOVE и RIDGE. |
| 16 | State | Для этого параметра установлено значение DISABLED, чтобы кнопка не реагировала. ACTIVE представляет активное состояние кнопки. |
| 17 | Underline | Установите этот параметр, чтобы сделать текст кнопки подчеркнутым. |
| 18 | Width | Ширина кнопки. Представлена количеством букв для текстовых кнопок или пикселей для кнопок с изображениями. |
| 19 | Wraplength | Если значение установлено на положительное число, текстовые строки будут перенесены, чтобы соответствовать этой длине. |
Пример 1
#python application to create a simple button from tkinter import * top = Tk() top.geometry("200x100") b = Button(top,text = "Simple") b.pack() top.mainaloop()
Пример 2
from tkinter import * top = Tk() top.geometry("200x100") def fun(): messagebox.showinfo("Hello", "Red Button clicked") b1 = Button(top,text = "Red",command = fun,activeforeground = "red",activebackground = "pink",pady=10) b2 = Button(top, text = "Blue",activeforeground = "blue",activebackground = "pink",pady=10) b3 = Button(top, text = "Green",activeforeground = "green",activebackground = "pink",pady = 10) b4 = Button(top, text = "Yellow",activeforeground = "yellow",activebackground = "pink",pady = 10) b1.pack(side = LEFT) b2.pack(side = RIGHT) b3.pack(side = TOP) b4.pack(side = BOTTOM) top.mainloop()