Интерфейс tkinter: основы и лучшие практики для разработчика Python

Расширенные примеры и нераспространенные возможности tkinter

Пример 1: Приложение с вкладками (Notebook) и настройками

Используем ttk.Notebook для создания вкладок, на каждой из которых размещаются отдельные виджеты.

import tkinter as tk
from tkinter import ttk, messagebox

class App(tk.Tk):
    def __init__(self):
        super().__init__()
        self.title("Многостраничное приложение")
        self.geometry("600x400")

        notebook = ttk.Notebook(self)
        notebook.pack(fill='both', expand=True)

        # Вкладка 1: Настройки
        frame_settings = ttk.Frame(notebook)
        notebook.add(frame_settings, text="Настройки")

        ttk.Label(frame_settings, text="Ваше имя:").grid(row=0, column=0, padx=10, pady=10, sticky='w')
        self.name_entry = ttk.Entry(frame_settings)
        self.name_entry.grid(row=0, column=1, padx=10, pady=10)

        ttk.Label(frame_settings, text="Язык интерфейса:").grid(row=1, column=0, padx=10, pady=10, sticky='w')
        self.lang_var = tk.StringVar(value='ru')
        ttk.Combobox(frame_settings, textvariable=self.lang_var, values=['ru', 'en']).grid(row=1, column=1, padx=10, pady=10)

        ttk.Button(frame_settings, text="Сохранить", command=self.save_settings).grid(row=2, column=1, pady=20)

        # Вкладка 2: Информация
        frame_info = ttk.Frame(notebook)
        notebook.add(frame_info, text="Информация")

        self.info_text = tk.Text(frame_info, height=10, width=50)
        self.info_text.pack(padx=10, pady=10)
        self.info_text.insert('1.0', "Здесь будет отображаться справочная информация.")
        self.info_text.config(state='disabled')

    def save_settings(self):
        name = self.name_entry.get()
        lang = self.lang_var.get()
        messagebox.showinfo("Настройки сохранены", f"Имя: {name}\nЯзык: {lang}")

if __name__ == "__main__":
    app = App()
    app.mainloop()

Результат: окно с двумя вкладками. На вкладке «Настройки» поля ввода и кнопка сохранения, на вкладке «Информация» текстовое поле только для чтения.

Пример 2: Canvas с анимацией (двигающийся шарик)

Используем after() для создания цикла анимации без зависания интерфейса.

import tkinter as tk
import math

class AnimatedBall:
    def __init__(self, canvas, x, y, radius, color):
        self.canvas = canvas
        self.x = x
        self.y = y
        self.radius = radius
        self.color = color
        self.ball_id = canvas.create_oval(x - radius, y - radius, x + radius, y + radius, fill=color)
        self.angle = 0
        self.speed = 0.05
        self.radius_circle = 100  # радиус круга, по которому движется шарик
        self.center_x = 200
        self.center_y = 200

    def move(self):
        self.angle += self.speed
        new_x = self.center_x + self.radius_circle * math.cos(self.angle)
        new_y = self.center_y + self.radius_circle * math.sin(self.angle)
        dx = new_x - self.x
        dy = new_y - self.y
        self.canvas.move(self.ball_id, dx, dy)
        self.x = new_x
        self.y = new_y
        self.canvas.after(20, self.move)  # рекурсивный вызов

root = tk.Tk()
root.title("Анимация шарика")

canvas = tk.Canvas(root, width=400, height=400, bg='white')
canvas.pack()

ball = AnimatedBall(canvas, 200, 100, 15, 'red')
ball.move()

root.mainloop()

Результат: красный шарик движется по кругу внутри окна. Анимация плавная, интерфейс не блокируется.

Пример 3: Использование StringVar с trace для мгновенной реакции на ввод

Отслеживаем изменение текста в Entry и сразу обновляем метку.

import tkinter as tk
from tkinter import ttk

def on_text_changed(*args):
    label.config(text=f"Вы печатаете: {var.get()}")

root = tk.Tk()
root.title("Real-time feedback")

var = tk.StringVar()
var.trace_add('write', on_text_changed)

entry = ttk.Entry(root, textvariable=var, width=30)
entry.pack(pady=10)

label = ttk.Label(root, text="")
label.pack()

root.mainloop()

Результат: при каждом вводе символа метка сразу показывает введенный текст.

Пример 4: Динамическое добавление строк в grid (список задач)

Кнопка «Добавить» создает новую строку с полем ввода и кнопкой удаления.

import tkinter as tk
from tkinter import ttk, messagebox

class TodoApp(tk.Tk):
    def __init__(self):
        super().__init__()
        self.title("Список задач")
        self.geometry("400x300")

        self.tasks_frame = ttk.Frame(self)
        self.tasks_frame.pack(fill='both', expand=True, padx=10, pady=10)

        self.add_button = ttk.Button(self, text="Добавить задачу", command=self.add_task)
        self.add_button.pack(pady=5)

        self.task_entries = []
        self.add_task()  # одна начальная строка

    def add_task(self):
        idx = len(self.task_entries)
        frame = ttk.Frame(self.tasks_frame)
        frame.grid(row=idx, column=0, sticky='ew', pady=2)
        frame.columnconfigure(0, weight=1)

        entry = ttk.Entry(frame)
        entry.grid(row=0, column=0, sticky='ew', padx=(0,5))
        entry.focus()

        def remove():
            frame.destroy()
            self.task_entries.remove((frame, entry))
            # переупаковка оставшихся строк (при желании)

        btn = ttk.Button(frame, text="Удалить", command=remove)
        btn.grid(row=0, column=1)

        self.task_entries.append((frame, entry))

if __name__ == "__main__":
    app = TodoApp()
    app.mainloop()

Результат: появляется окно с кнопкой добавления. Каждая новая строка содержит поле Entry и кнопку удаления. Удаленная строка исчезает.

Пример 5: Использование filedialog с предварительным просмотром изображения

После выбора файла изображения загружаем его и показываем на Canvas.

import tkinter as tk
from tkinter import filedialog, ttk
from PIL import Image, ImageTk

def load_image():
    filename = filedialog.askopenfilename(title="Выберите изображение",
                                          filetypes=[("Image files", "*.png *.jpg *.jpeg *.gif")])
    if filename:
        try:
            img = Image.open(filename)
            img.thumbnail((300, 300))  # масштабируем
            photo = ImageTk.PhotoImage(img)
            canvas.image = photo  # сохраняем ссылку
            canvas.create_image(0, 0, anchor='nw', image=photo)
            canvas.config(scrollregion=canvas.bbox('all'))
        except Exception as e:
            tk.messagebox.showerror("Ошибка", f"Не удалось загрузить изображение: {e}")

root = tk.Tk()
root.title("Просмотр изображений")

canvas = tk.Canvas(root, width=400, height=400, bg='gray')
canvas.pack(side='left', fill='both', expand=True)

scrollbar = ttk.Scrollbar(root, orient='vertical', command=canvas.yview)
scrollbar.pack(side='right', fill='y')
canvas.config(yscrollcommand=scrollbar.set)

btn = ttk.Button(root, text="Открыть изображение", command=load_image)
btn.pack(side='bottom', pady=10)

root.mainloop()

Результат: окно с холстом и кнопкой. После выбора изображения оно появляется на холсте (с масштабированием). Если изображение больше холста, появляется скроллбар.

Пример 6: Использование threading с tkinter (осторожно)

Длительная задача (например, загрузка данных) выполняется в отдельном потоке, чтобы не блокировать GUI. Взаимодействие с виджетами - только через after().

import tkinter as tk
from tkinter import ttk, messagebox
import threading
import time

def long_task():
    # Эмулируем долгую работу
    for i in range(10):
        time.sleep(0.5)
        progress_var.set((i+1) * 10)
        # Нельзя напрямую обновлять GUI из потока!
        root.after(0, lambda v=i: progress_label.config(text=f"Шаг {v+1} из 10"))
    root.after(0, lambda: messagebox.showinfo("Готово", "Задача завершена"))

def start_thread():
    thread = threading.Thread(target=long_task, daemon=True)
    thread.start()

root = tk.Tk()
root.title("Threading с tkinter")

progress_var = tk.IntVar(value=0)
progress_bar = ttk.Progressbar(root, maximum=100, variable=progress_var)
progress_bar.pack(pady=10, padx=10, fill='x')

progress_label = ttk.Label(root, text="Нажмите Старт")
progress_label.pack(pady=5)

start_btn = ttk.Button(root, text="Старт", command=start_thread)
start_btn.pack(pady=10)

root.mainloop()

Результат: при нажатии «Старт» запускается поток, который обновляет прогресс-бар и метку. GUI остается отзывчивым.

Пример 7: Стилизация ttk: изменение шрифта, цвета фона в теме 'alt'

Создаем пользовательский стиль для кнопки, меняем фон, шрифт, цвет текста.

import tkinter as tk
from tkinter import ttk

root = tk.Tk()
root.title("Кастомный стиль ttk")

style = ttk.Style()
style.theme_use('alt')

# Создание стиля для LabelFrame
style.configure('CustomLabelframe.TLabelframe', background='lightblue', bordercolor='red')
style.configure('CustomLabelframe.TLabelframe.Label', font=('Consolas', 12), foreground='darkgreen')

labelframe = ttk.LabelFrame(root, text="Настроенный фрейм", style='CustomLabelframe.TLabelframe')
labelframe.pack(padx=20, pady=20, fill='both', expand=True)

ttk.Button(labelframe, text="Обычная кнопка").pack(pady=10)

# Стиль для кнопки - полностью кастомный
style.configure('Red.TButton',
                foreground='white',
                background='#ff3333',
                font=('Arial', 14, 'bold'),
                padding=10)
style.map('Red.TButton',
          background=[('active', '#cc0000'), ('disabled', '#cccccc')],
          foreground=[('active', 'yellow')])

red_btn = ttk.Button(root, text="Красная кнопка", style='Red.TButton')
red_btn.pack(pady=10)

root.mainloop()

Результат: окно с двумя разделами: LabelFrame с голубым фоном и зеленым заголовком, и кнопка с красным фоном, меняющая цвет при наведении.