Python Tkinter如何实现点击自定义图片按钮弹出下拉菜单

你不需要替换现有标准Button组件，直接给按钮绑定点击事件，点击时在按钮下方弹出Tkinter原生Menu组件即可实现需求，所有你已经配置好的按钮图片、无边框样式都可以完全保留。

实现代码 #

注意你原有代码里直接把文件名传给image参数的写法是错误的，Tkinter需要先通过图片类加载文件生成图片对象，且必须保留对象引用避免被垃圾回收导致图标不显示。

import tkinter as tk
from tkinter import Button, Menu, PhotoImage

class App(tk.Tk):
    def __init__(self):
        super().__init__()
        # 加载自定义按钮图标，绑定到实例属性防止被GC回收
        self.btn_icon = PhotoImage(file="BoxImg.png")
        # 完全复用你写好的按钮样式配置，只新增点击事件绑定
        self.myBtn = Button(
            self,
            image=self.btn_icon,
            bd=0,
            borderwidth=0,
            highlightthickness=0,
            command=self.popup_menu
        )
        self.myBtn.pack(padx=40, pady=40)

        # 初始化下拉菜单，tearoff=0关闭菜单可拖拽分离的默认特性
        self.dropdown = Menu(self, tearoff=0)
        # 逐个添加可点击的菜单项，command参数绑定对应选项的点击逻辑
        self.dropdown.add_command(label="编辑内容", command=lambda: print("触发编辑操作"))
        self.dropdown.add_command(label="导出文件", command=lambda: print("触发导出操作"))
        self.dropdown.add_separator() # 可选：添加菜单项分割线
        self.dropdown.add_command(label="删除", command=lambda: print("触发删除操作"))

    def popup_menu(self):
        # 计算菜单弹出坐标：对齐按钮左下角，紧贴按钮下边缘
        pos_x = self.myBtn.winfo_rootx()
        pos_y = self.myBtn.winfo_rooty() + self.myBtn.winfo_height()
        # 在指定位置弹出菜单，点击菜单外区域会自动关闭
        self.dropdown.tk_popup(pos_x, pos_y)

if __name__ == "__main__":
    app = App()
    app.mainloop()

关键说明 #

• tearoff=0是必加配置，否则菜单顶部会出现可拖拽的分离线，不符合常规下拉菜单交互。
• 如果你的BoxImg.png尺寸需要调整，或者是JPG等其他格式，可以安装Pillow库后用ImageTk.PhotoImage加载处理，按钮本身的配置不需要做任何改动。
• 菜单位置可以根据需求调整偏移量，比如要右对齐弹出，就把pos_x的计算改成self.myBtn.winfo_rootx() + self.myBtn.winfo_width() - self.dropdown.winfo_reqwidth()即可。
• 不需要额外监听全局点击事件做菜单关闭逻辑，tk_popup方法原生支持点击菜单外部自动隐藏的交互。

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