Tkinter中Button悬浮效果正常，Menubutton悬浮效果失效求助

问题分析 #

你的代码中Button组件的悬浮效果正常，但Menubutton应用相同逻辑后悬停仍显示白色，核心原因有两个：

• hover_effect函数存在缩进错误，on_leave函数未嵌套在其内部，导致返回的回调函数无效。
• Menubutton的系统默认样式会覆盖bg属性修改，需要显式禁用相关样式干扰。

修复方案 #

1. 修正hover_effect函数的缩进问题 #

确保on_enter和on_leave都作为hover_effect的内部函数，保证闭包能正确捕获组件和颜色参数。

2. 调整Menubutton的初始化配置 #

创建Menubutton时添加relief=FLAT，并设置activebackground与默认背景一致，避免系统默认的激活样式覆盖悬浮效果。

3. 优化事件绑定逻辑 #

统一绑定逻辑，避免重复调用hover_effect导致的参数混乱。

修正后的完整代码 #

from tkinter import *
from PIL import ImageTk, Image, ImageDraw

# 颜色常量
BG_MAIN = "#1f1f1f"
BG_BAR = "#181818"
BG_HOVER = "#3e4042"
BG_BORDER = "#262626"

def create_button(parent, text, command=None, side=RIGHT):
    button = Button(parent, text=text, font=("Segoe", 10), bd=0, 
                    bg=BG_BAR, fg="white", command=command, 
                    activebackground=BG_HOVER, activeforeground="white")
    button.pack(side=side)
    return button

# 通用悬浮效果函数
def hover_effect(widget, enter_color, leave_color):
    def on_enter(event):
        widget.configure(bg=enter_color)
    def on_leave(event):
        widget.configure(bg=leave_color)
    return on_enter, on_leave

def round_rectangle(canvas, x1, y1, x2, y2, r=25, **kwargs):
    points = (x1+r, y1, x1+r, y1, x2-r, y1, x2-r, y1,
              x2, y1, x2, y1+r, x2, y1+r, x2, y2-r,
              x2, y2-r, x2, y2, x2-r, y2, x2-r, y2,
              x1+r, y2, x1+r, y2, x1, y2, x1,
              y2-r, x1, y2-r, x1, y1+r,
              x1, y1+r, x1, y1)
    return canvas.create_polygon(points, **kwargs, smooth=True)

# 占位命令
def dummy_command():
    print("This is a temporary place-holder")

# 窗口设置
window = Tk()
window.configure(bg=BG_MAIN)
window.title("Editor")
window.overrideredirect(True)

# 标题栏
title_bar = Canvas(window, bg=BG_BAR, highlightthickness=0)
# 替换为你的图标路径
try:
    icon = Image.open('logo design.png')
    resized = icon.resize((16, 16),)
    picture = ImageTk.PhotoImage(resized)
    label = Label(title_bar, image=picture, bg=BG_BAR)
    label.pack(side=LEFT, padx=18)
except:
    pass  # 图标加载失败时跳过

title_bar.pack(anchor=N, fill=X)
sidebar = Canvas(window, width=600, height=300, highlightbackground=BG_BORDER, bg=BG_MAIN)
sidebar.pack(side=LEFT, fill=Y)

# 窗口控制按钮
exit_button = create_button(title_bar, '   ✕   ', window.quit)
expand_button = create_button(title_bar, '   ☐   ')
minimize_button = create_button(title_bar, '   ―   ', 
                                lambda: window.iconify() if not window.wm_state() == 'iconic' else window.deiconify())

def create_menu_button(parent, text, options, font=("Segoe", 10)):
    # 关键修改：添加relief=FLAT和activebackground
    menu_button = Menubutton(parent, text=text, bg=BG_BAR, fg="white", 
                            indicatoron=0, font=font, relief=FLAT,
                            activebackground=BG_BAR)
    menu_button.menu = Menu(menu_button, tearoff=0, bg=BG_BAR, fg="white")
    menu_button["menu"] = menu_button.menu

    for label, _, command in options:
        menu_button.menu.add_checkbutton(label=label, command=command, font=font,
                                        bg=BG_BAR, fg="white", activebackground=BG_HOVER)

    menu_button.pack(side='left')
    return menu_button

# 文件菜单
file_options = [("Open", IntVar(), dummy_command),
                ("Save", IntVar(), dummy_command),
                ("Exit", IntVar(), window.destroy)]
file_button = create_menu_button(title_bar, "   File   ", file_options)

# 编辑菜单
edit_options = [("Copy", IntVar(), dummy_command),
                ("Paste", IntVar(), dummy_command)]
edit_button = create_menu_button(title_bar, "   Edit   ", edit_options)

# 其他按钮
terminal_button = create_button(title_bar, '   Terminal   ', side=LEFT)
run_button = create_button(title_bar, '   Run   ', side=LEFT)

# 窗口拖动功能
def get_pos(event):
    global xwin, ywin
    xwin = window.winfo_x() - event.x_root
    ywin = window.winfo_y() - event.y_root

def move_window(event):
    window.geometry(f'+{event.x_root + xwin}+{event.y_root + ywin}')

title_bar.bind('<B1-Motion>', move_window)
title_bar.bind('<Button-1>', get_pos)

# 绑定悬浮效果
enter_hover, leave_hover = hover_effect(exit_button, 'red', BG_BAR)
exit_button.bind('<Enter>', enter_hover)
exit_button.bind('<Leave>', leave_hover)

enter_hover, leave_hover = hover_effect(expand_button, BG_HOVER, BG_BAR)
expand_button.bind('<Enter>', enter_hover)
expand_button.bind('<Leave>', leave_hover)

enter_hover, leave_hover = hover_effect(minimize_button, BG_HOVER, BG_BAR)
minimize_button.bind('<Enter>', enter_hover)
minimize_button.bind('<Leave>', leave_hover)

enter_hover, leave_hover = hover_effect(file_button, BG_HOVER, BG_BAR)
file_button.bind('<Enter>', enter_hover)
file_button.bind('<Leave>', leave_hover)

enter_hover, leave_hover = hover_effect(edit_button, BG_HOVER, BG_BAR)
edit_button.bind('<Enter>', enter_hover)
edit_button.bind('<Leave>', leave_hover)

enter_hover, leave_hover = hover_effect(terminal_button, BG_HOVER, BG_BAR)
terminal_button.bind('<Enter>', enter_hover)
terminal_button.bind('<Leave>', leave_hover)

enter_hover, leave_hover = hover_effect(run_button, BG_HOVER, BG_BAR)
run_button.bind('<Enter>', enter_hover)
run_button.bind('<Leave>', leave_hover)

window.mainloop()

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