Rozšíření Tkinter ToDo aplikace: úpravy, barvy, řazení a data
Rozšíření funkcionality vyžaduje aktualizaci struktury úkolů. Každý úkol nyní obsahuje pole: id, text, completed, created_at (ISO řetězec) a priority (high/medium/low). Pro zpětnou kompatibilitu je implementována migrace starých dat s výchozími hodnotami.
Funkce načítání a ukládání zajišťují bezproblémovou integraci:
import json
import os
from datetime import datetime
TASKS_FILE = "tasks.json"
def load_tasks():
"""Načte úkoly z JSON souboru se zpětnou kompatibilitou"""
if not os.path.exists(TASKS_FILE):
return []
with open(TASKS_FILE, "r", encoding="utf-8") as f:
try:
tasks = json.load(f)
# Migrace starých úkolů (přidáme created_at a priority, pokud chybí)
for task in tasks:
if "created_at" not in task:
task["created_at"] = datetime.now().isoformat()
if "priority" not in task:
task["priority"] = "medium"
return tasks
except json.JSONDecodeError:
return []
def save_tasks(tasks):
"""Uloží úkoly do JSON souboru"""
with open(TASKS_FILE, "w", encoding="utf-8") as f:
json.dump(tasks, f, ensure_ascii=False, indent=2)
def get_next_id(tasks):
"""Vrátí další dostupné ID pro nový úkol"""
if not tasks:
return 1
return max(task["id"] for task in tasks) + 1
datetime.now().isoformat() generuje řaditelný řetězec ve formátu 2025-03-22T15:30:45.123456.
Řazení a vizuální indikace
Řazení je implementováno bez změny původního pořadí úkolů v self.tasks. Metoda get_sorted_tasks vrací kopii:
- Nejprve nedokončené (
completed == False) - Poté dokončené
- Uvnitř skupin — podle
id
class TodoApp:
def get_sorted_tasks(self):
"""Vrátí úkoly seřazené pro zobrazení: nejprve aktivní, pak dokončené"""
active_tasks = [task for task in self.tasks if not task["completed"]]
completed_tasks = [task for task in self.tasks if task["completed"]]
active_tasks.sort(key=lambda x: x["id"])
completed_tasks.sort(key=lambda x: x["id"])
return active_tasks + completed_tasks
def refresh_task_list(self):
"""Aktualizuje zobrazení seznamu úkolů s ohledem na řazení a barevnou indikaci"""
self.task_listbox.delete(0, tk.END)
sorted_tasks = self.get_sorted_tasks()
for task in sorted_tasks:
status = "✓" if task["completed"] else "○"
try:
created = datetime.fromisoformat(task["created_at"])
date_str = created.strftime("%d.%m.%y %H:%M")
except:
date_str = "datum neznámé"
display_text = f"{status} [{date_str}] {task['id']}. {task['text']}"
self.task_listbox.insert(tk.END, display_text)
bg_color = "white"
fg_color = "black"
if task["completed"]:
fg_color = "green"
bg_color = "light gray"
else:
if task["priority"] == "high":
fg_color = "red"
bg_color = "#ffe6e6"
elif task["priority"] == "medium":
fg_color = "orange"
bg_color = "#fff0e6"
index = tk.END
self.task_listbox.itemconfig(tk.END, bg=bg_color, fg=fg_color)
Klíčové techniky:
itemconfig(index, bg=..., fg=...)pro stylizaci řádků Listboxustrftime("%d.%m.%y %H:%M")pro lokalizovaný formát data- Líné řazení pouze při
refresh_task_list
Modální okno pro úpravy
Úpravy otevírají Toplevel s grab_set() pro modalitu. Logika najde úkol podle id ze seřazeného seznamu:
class TodoApp:
def edit_task(self):
selection = self.task_listbox.curselection()
if not selection:
messagebox.showwarning("Varování", "Vyberte úkol k úpravě")
return
selected_index = selection[0]
sorted_tasks = self.get_sorted_tasks()
selected_task = sorted_tasks[selected_index]
task_id = selected_task["id"]
task_to_edit = None
task_index = None
for i, task in enumerate(self.tasks):
if task["id"] == task_id:
task_to_edit = task
task_index = i
break
if not task_to_edit:
return
edit_window = tk.Toplevel(self.root)
edit_window.title(f"Úprava úkolu #{task_id}")
edit_window.geometry("450x250")
edit_window.resizable(False, False)
edit_window.grab_set()
tk.Label(edit_window, text="Text úkolu:").pack(pady=(10, 0), anchor=tk.W, padx=10)
text_entry = tk.Text(edit_window, height=4, width=50, font=("Arial", 10))
text_entry.pack(pady=5, padx=10, fill=tk.BOTH, expand=True)
text_entry.insert("1.0", task_to_edit["text"])
tk.Label(edit_window, text="Priorita:").pack(pady=(5, 0), anchor=tk.W, padx=10)
priority_var = tk.StringVar(value=task_to_edit["priority"])
priority_frame = tk.Frame(edit_window)
priority_frame.pack(pady=5, padx=10, anchor=tk.W)
tk.Radiobutton(priority_frame, text="Vysoká", variable=priority_var, value="high", fg="red").pack(side=tk.LEFT, padx=5)
tk.Radiobutton(priority_frame, text="Střední", variable=priority_var, value="medium", fg="orange").pack(side=tk.LEFT, padx=5)
tk.Radiobutton(priority_frame, text="Nízká", variable=priority_var, value="low").pack(side=tk.LEFT, padx=5)
button_frame = tk.Frame(edit_window)
button_frame.pack(pady=15)
def save_edit():
new_text = text_entry.get("1.0", "end-1c").strip()
if not new_text:
messagebox.showwarning("Varování", "Text úkolu nemůže být prázdný", parent=edit_window)
return
task_to_edit["text"] = new_text
task_to_edit["priority"] = priority_var.get()
save_tasks(self.tasks)
self.refresh_task_list()
edit_window.destroy()
messagebox.showinfo("Úspěch", f"Úkol #{task_id} aktualizován")
tk.Button(button_frame, text="Uložit", command=save_edit, bg="light green", width=10).pack(side=tk.LEFT, padx=5)
tk.Button(button_frame, text="Zrušit", command=edit_window.destroy, bg="light gray", width=10).pack(side=tk.LEFT, padx=5)
Integrace: Přidat self.edit_button = tk.Button(bottom_frame, text="✏ Upravit", command=self.edit_task) do create_widgets.
Dialogové okno pro přidání s prioritou
Metoda add_task používá podobnou Toplevel strukturu s důrazem na Entry a přepínači:
text_entry.focus()pro UX- Validace
strip()a prázdnoty - Automatické generování
id,created_at,completed=False
Úplný kód metody zajišťuje konzistenci s úpravami.
Co je důležité
- Zpětná kompatibilita: Automatická migrace
created_ataprioritypři načítání - Výkon: Řazení kopie seznamu, nezasahuje do trvalých dat
- Stylizace Listboxu:
itemconfig(tk.END, bg=..., fg=...)pro dynamické barvy - Modální okna:
Toplevel+grab_set()+resizable(False, False) - Formátování data:
strftimepro čitelné zobrazení ISO řetězců
— Editorial Team
Zatím žádné komentáře.