Tkinter日历应用问题：日期按钮多选列表定位与显示修复

以下是针对你遇到的三个问题的具体修复方案及完整代码：

核心问题修复说明 #

1. 多选列表定位到按钮下方 #

通过获取日期按钮的屏幕绝对坐标，计算弹窗的起始位置，让弹窗精准显示在按钮下方：

• 使用btn.winfo_rootx()获取按钮左上角x坐标
• 使用btn.winfo_rooty() + btn.winfo_height()获取按钮底部y坐标
• 通过geometry(f"+{x}+{y}")设置弹窗位置

2. 解决列表重叠与销毁失效问题 #

维护一个全局变量current_popup记录当前打开的弹窗，每次点击新按钮时：

• 先检查current_popup是否存在，若存在则调用destroy()销毁
• 给新弹窗绑定关闭事件，确保点击窗口叉号时也能更新current_popup状态

3. 对应按钮下方显示选中科目 #

为每个日期按钮创建一个关联的Label组件，初始隐藏：

• 选中科目后，将选中内容拼接为文本，更新到对应Label
• 设置Label的位置在按钮正下方，显示出来

修复后的完整代码 #

import tkinter as tk
from tkinter import ttk, messagebox
import calendar
from datetime import datetime

class CalendarApp:
    def __init__(self, root):
        self.root = root
        self.root.title("日期科目记录")
        self.current_year = datetime.now().year
        self.current_month = datetime.now().month
        self.current_popup = None  # 记录当前打开的弹窗
        self.date_labels = {}  # 存储每个日期按钮对应的显示标签

        self.create_widgets()

    def create_widgets(self):
        # 年月选择栏
        self.year_var = tk.StringVar(value=str(self.current_year))
        self.month_var = tk.StringVar(value=str(self.current_month))

        year_entry = ttk.Entry(self.root, textvariable=self.year_var, width=5)
        year_entry.grid(row=0, column=0, padx=5, pady=5)
        ttk.Label(self.root, text="年").grid(row=0, column=1, padx=2)

        month_entry = ttk.Entry(self.root, textvariable=self.month_var, width=3)
        month_entry.grid(row=0, column=2, padx=5, pady=5)
        ttk.Label(self.root, text="月").grid(row=0, column=3, padx=2)

        ttk.Button(self.root, text="刷新", command=self.refresh_calendar).grid(row=0, column=4, padx=10)

        # 日历框架
        self.calendar_frame = ttk.Frame(self.root)
        self.calendar_frame.grid(row=1, column=0, columnspan=5, padx=5, pady=5)

        self.refresh_calendar()

    def refresh_calendar(self):
        # 清空旧日历组件
        for widget in self.calendar_frame.winfo_children():
            widget.destroy()
        self.date_labels.clear()

        try:
            year = int(self.year_var.get())
            month = int(self.month_var.get())
            if not (1 <= month <= 12):
                raise ValueError
        except ValueError:
            messagebox.showerror("错误", "请输入有效的年月")
            return

        # 星期表头
        week_days = ["日", "一", "二", "三", "四", "五", "六"]
        for col, day in enumerate(week_days):
            ttk.Label(self.calendar_frame, text=day, font=("Arial", 10, "bold")).grid(row=0, column=col, padx=3, pady=3)

        # 获取月历数据
        cal = calendar.monthcalendar(year, month)
        for row, week in enumerate(cal, start=1):
            for col, day in enumerate(week):
                if day != 0:
                    # 创建日期按钮
                    btn = ttk.Button(self.calendar_frame, text=str(day), command=lambda d=day, b=btn: self.open_subject_list(b, d))
                    btn.grid(row=row, column=col, padx=2, pady=2, sticky="nsew")
                    # 创建对应显示标签，初始隐藏
                    label = ttk.Label(self.calendar_frame, text="", wraplength=60, foreground="#666")
                    label.grid(row=row+1, column=col, padx=2, pady=1)
                    label.grid_remove()  # 隐藏
                    self.date_labels[btn] = label

        # 调整列宽
        for col in range(7):
            self.calendar_frame.grid_columnconfigure(col, weight=1)

    def open_subject_list(self, btn, day):
        # 关闭已有弹窗
        if self.current_popup and self.current_popup.winfo_exists():
            self.current_popup.destroy()

        # 创建新弹窗
        self.current_popup = tk.Toplevel(self.root)
        self.current_popup.title("选择科目")
        self.current_popup.resizable(False, False)

        # 定位弹窗到按钮下方
        x = btn.winfo_rootx()
        y = btn.winfo_rooty() + btn.winfo_height()
        self.current_popup.geometry(f"+{x}+{y}")

        # 科目选项
        subjects = ["语文", "数学", "英语", "物理", "化学", "生物", "历史", "地理", "政治"]
        self.selected_subjects = tk.Listbox(self.current_popup, selectmode=tk.MULTIPLE, width=15, height=6)
        for subj in subjects:
            self.selected_subjects.insert(tk.END, subj)
        self.selected_subjects.pack(padx=10, pady=10)

        # 确认按钮
        confirm_btn = ttk.Button(self.current_popup, text="确认", command=lambda: self.save_subjects(btn))
        confirm_btn.pack(pady=5)

        # 绑定关闭事件，更新current_popup
        self.current_popup.protocol("WM_DELETE_WINDOW", self.close_popup)

    def close_popup(self):
        if self.current_popup and self.current_popup.winfo_exists():
            self.current_popup.destroy()
            self.current_popup = None

    def save_subjects(self, btn):
        # 获取选中的科目
        selected_indices = self.selected_subjects.curselection()
        selected = [self.selected_subjects.get(i) for i in selected_indices]
        if not selected:
            # 若未选中，隐藏标签
            self.date_labels[btn].grid_remove()
        else:
            # 更新标签文本并显示
            self.date_labels[btn].config(text="\n".join(selected))
            self.date_labels[btn].grid()

        # 关闭弹窗
        self.close_popup()

if __name__ == "__main__":
    root = tk.Tk()
    app = CalendarApp(root)
    root.mainloop()

代码关键修改点 #

• 新增current_popup变量管理弹窗状态，避免重叠
• 通过按钮的winfo_rootx()/winfo_rooty()计算弹窗位置
• 为每个按钮绑定date_labels字典，存储对应显示标签，实现选中内容精准显示
• 绑定弹窗关闭事件，确保弹窗状态正确更新

内容的提问来源于stack exchange，提问作者Tharushi