返回首页

Tkinter ToDo:编辑、颜色和任务排序

本文描述了 Tkinter ToDo 应用的扩展,新增功能:通过模态窗口进行任务编辑、优先级颜色指示、未完成任务排序以及存储创建日期。提供完整代码,支持 JSON 数据向后兼容以及 Listbox 样式技术。

Tkinter ToDo:颜色、排序和编辑模态窗口
Advertisement 728x90

扩展Tkinter待办应用:编辑、颜色、排序与日期功能

扩展功能需要更新任务结构。每个任务现在包含字段:idtextcompletedcreated_at(ISO字符串)和priorityhigh/medium/low)。为保持向后兼容性,实现了旧数据的迁移,并设置默认值。

加载和保存函数确保无缝集成:

import json
import os
from datetime import datetime

TASKS_FILE = "tasks.json"

def load_tasks():
    """从JSON文件加载任务,支持向后兼容"""
    if not os.path.exists(TASKS_FILE):
        return []
    with open(TASKS_FILE, "r", encoding="utf-8") as f:
        try:
            tasks = json.load(f)
            # 迁移旧任务(添加缺失的created_at和priority)
            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):
    """将任务保存到JSON文件"""
    with open(TASKS_FILE, "w", encoding="utf-8") as f:
        json.dump(tasks, f, ensure_ascii=False, indent=2)

def get_next_id(tasks):
    """返回新任务的下一个可用ID"""
    if not tasks:
        return 1
    return max(task["id"] for task in tasks) + 1

datetime.now().isoformat()生成可排序的字符串,格式为2025-03-22T15:30:45.123456

Google AdInline article slot

排序与视觉指示器

排序实现不改变self.tasks中的原始任务顺序。get_sorted_tasks方法返回一个副本:

  • 首先,未完成任务(completed == False
  • 然后,已完成任务
  • 在组内——按id排序
class TodoApp:
    
    def get_sorted_tasks(self):
        """返回用于显示的任务排序:活动任务优先,然后是已完成任务"""
        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):
        """更新任务列表显示,包括排序和颜色指示器"""
        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("%m/%d/%y %H:%M")
            except:
                date_str = "日期未知"

            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)

关键技术:

  • itemconfig(index, bg=..., fg=...)用于样式化Listbox行
  • strftime("%m/%d/%y %H:%M")用于本地化日期格式
  • 仅在refresh_task_list期间进行惰性排序

模态编辑窗口

编辑打开一个Toplevel窗口,使用grab_set()实现模态。逻辑通过排序列表中的id查找任务:

Google AdInline article slot
class TodoApp:
   def edit_task(self):
        selection = self.task_listbox.curselection()
        if not selection:
            messagebox.showwarning("警告", "请选择要编辑的任务")
            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"编辑任务 #{task_id}")
        edit_window.geometry("450x250")
        edit_window.resizable(False, False)
        edit_window.grab_set()

        tk.Label(edit_window, text="任务文本:").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="优先级:").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="高", variable=priority_var, value="high", fg="red").pack(side=tk.LEFT, padx=5)
        tk.Radiobutton(priority_frame, text="中", variable=priority_var, value="medium", fg="orange").pack(side=tk.LEFT, padx=5)
        tk.Radiobutton(priority_frame, text="低", 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("警告", "任务文本不能为空", 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("成功", f"任务 #{task_id} 已更新")

        tk.Button(button_frame, text="保存", command=save_edit, bg="light green", width=10).pack(side=tk.LEFT, padx=5)
        tk.Button(button_frame, text="取消", command=edit_window.destroy, bg="light gray", width=10).pack(side=tk.LEFT, padx=5)

集成:create_widgets中添加self.edit_button = tk.Button(bottom_frame, text="✏ 编辑", command=self.edit_task)

带优先级的添加任务对话框

add_task方法使用类似的Toplevel结构,重点在Entry和单选按钮:

  • text_entry.focus()提升用户体验
  • 使用strip()和空值检查进行验证
  • 自动生成idcreated_atcompleted=False

完整方法代码确保与编辑功能一致。

Google AdInline article slot

关键要点

  • 向后兼容性: 加载时自动迁移created_atpriority
  • 性能: 排序列表副本,保持持久数据不变
  • Listbox样式: itemconfig(tk.END, bg=..., fg=...)实现动态颜色
  • 模态窗口: Toplevel + grab_set() + resizable(False, False)
  • 日期格式化: strftime将ISO字符串转换为可读显示

— Editorial Team

Advertisement 728x90

继续阅读