Tkinter中如何实现带图片的按钮式下拉菜单并为菜单项绑定功能

核心调整逻辑 #

• 替换不匹配的菜单项添加方法：原有代码使用的add_checkbutton是用于生成可勾选状态的选择类菜单项，交互逻辑是点击后切换勾选状态，不符合按钮式下拉选项的触发需求，需改用add_command方法添加菜单项——该方法原生支持传入自定义图标、绑定独立业务触发函数，完全匹配按钮类下拉选项的开发需求。
• 配置图文展示规则：Tkinter菜单项传入image参数后默认会隐藏文字内容，需要搭配compound参数指定图文排版位置（比如左对齐、居中对齐），才能实现图标+文字并排的显示效果。
• 解决图片不显示的常见坑：Tkinter的图片对象如果只有临时引用，会被内存垃圾回收机制销毁，最终菜单上的图标位置会显示为空白，需要将图片实例绑定到根窗口、菜单实例这类长期存在的容器对象上，保证引用不会被释放。

可运行的调整后示例代码 #

from tkinter import *

# 为每个下拉选项定义独立的业务处理函数
def handle_outing():
    print("触发了Outing选项的业务处理逻辑")

def handle_sleep():
    print("触发了Sleep选项的业务处理逻辑")

def handle_tour():
    print("触发了Tour选项的业务处理逻辑")

root = Tk()
# 提前加载菜单需要的图标，将图片实例绑定到root对象上防止被垃圾回收
root.img_outing = PhotoImage(file="outing.png")
root.img_sleep = PhotoImage(file="sleep.png")
root.img_tour = PhotoImage(file="tour.png")

mbtn = Menubutton(root, text="Options", relief=RAISED)
mbtn.menu = Menu(mbtn, tearoff = 0)
mbtn["menu"] = mbtn.menu

# 替换原有add_checkbutton逻辑，添加带图、独立绑定函数的按钮式菜单项
mbtn.menu.add_command(
    label="Outing",
    image=root.img_outing,
    compound=LEFT, # 设置图标显示在文字左侧
    command=handle_outing
)
mbtn.menu.add_command(
    label="Sleep",
    image=root.img_sleep,
    compound=LEFT,
    command=handle_sleep
)
mbtn.menu.add_command(
    label="Tour",
    image=root.img_tour,
    compound=LEFT,
    command=handle_tour
)

mbtn.pack()
root.mainloop()

运行前将代码内的图片路径替换为本地实际的图标文件路径即可。

常见开发注意事项 #

• Tkinter原生支持加载GIF、PNG格式的图片作为菜单图标，如果需要使用其他格式的图片，可搭配Pillow库的组件将图片转换为Tkinter可识别的格式。
• 如果需要下拉菜单保留勾选交互效果，不需要强制使用Checkbutton类型的菜单项，可通过menu.entryconfigure(菜单项索引, 状态参数)动态更新选项的显示状态，同样能实现勾选效果。

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