自定义Tkinter Button组件：多行异字体按钮点击异常求助

你的问题出在继承Button后在内部嵌套Frame：Frame会覆盖Button的大部分可点击区域，只有Button未被覆盖的边框能触发点击，同时Button自带的样式和Frame的显示冲突，导致异常效果。

下面是修正后的实现方案，通过继承Frame来自定义按钮，完全控制交互和外观：

修正后的代码 #

import tkinter as tk

class FrameLabels(tk.Frame):
    def __init__(self, parent):
        super().__init__(parent)
        self.configure(bg='white')

        # 分别命名标签，避免引用覆盖
        self.label1 = tk.Label(self, text="fe", fg='black', bg='white',
                           font=("Calibri", 14, 'bold'))
        self.label1.pack()

        self.label2 = tk.Label(self, text="fef", fg='black', bg='white',
                            font=("Calibri", 12))
        self.label2.pack()

class CustomButton(tk.Frame):
    def __init__(self, parent, command=None):
        super().__init__(parent)
        # 配置Frame为按钮样式：边框、凸起效果、背景色
        self.configure(bd=2, relief=tk.RAISED, bg='white')
        self.command = command
        self.is_pressed = False

        self.content = FrameLabels(self)
        self.content.pack(padx=5, pady=5)

        # 绑定鼠标事件到整个按钮区域
        self.bind("<ButtonPress-1>", self._on_press)
        self.bind("<ButtonRelease-1>", self._on_release)
        # 让内部标签也响应点击事件
        self.content.label1.bind("<ButtonPress-1>", self._on_press)
        self.content.label1.bind("<ButtonRelease-1>", self._on_release)
        self.content.label2.bind("<ButtonPress-1>", self._on_press)
        self.content.label2.bind("<ButtonRelease-1>", self._on_release)
        # 确保组件能接收焦点和鼠标事件
        self.focus_set()

    def _on_press(self, event):
        # 按下时切换为凹陷样式
        if not self.is_pressed:
            self.is_pressed = True
            self.configure(relief=tk.SUNKEN)

    def _on_release(self, event):
        # 释放时恢复凸起样式，并执行回调
        if self.is_pressed:
            self.is_pressed = False
            self.configure(relief=tk.RAISED)
            if self.command:
                self.command()

# 使用示例
if __name__ == "__main__":
    root = tk.Tk()
    def on_button_click():
        print("自定义按钮被点击！")
    a = CustomButton(root, command=on_button_click)
    a.grid(row=0, column=0, padx=10, pady=10)
    root.mainloop()

关键改进点 #

• 继承Frame而非Button：摆脱Button自带的样式和布局限制，完全控制内部内容
• 模拟按钮交互：通过relief属性切换凸起/凹陷状态，还原原生按钮的点击视觉反馈
• 全区域可点击：给Frame和内部所有标签绑定点击事件，确保点击文本区域也能触发按钮动作
• 支持回调函数：通过command参数传入点击后的执行逻辑，和原生Button用法一致

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