如何在Tkinter中实现父组件到子组件的事件处理传播？

问题场景 #

用Tkinter写了一个包含两个Frame的GUI，每个Frame里有两个Label。给Frame绑定左键点击事件后，点击Frame空白区域能正常触发，但点内部的Label完全没反应。要是逐个给每个Label绑定事件又太麻烦，特别是子组件需要动态添加的时候，根本没法挨个处理。想知道Tkinter有没有内置方法能让父组件的事件自动传播给子组件？

初始GUI代码 #

import tkinter as tk

root = tk.Tk()

frame_top = tk.Frame(root, bg="lightyellow")
frame_top.pack(fill="both", expand=True)
label_top_1 = tk.Label(frame_top, text="Label", fg="white", bg="darkred")
label_top_1.pack(padx=50, pady=20)
label_top_2 = tk.Label(frame_top, text="Label", fg="white", bg="darkred")
label_top_2.pack(padx=50, pady=20)

frame_bottom = tk.Frame(root, bg="lightblue")
frame_bottom.pack(fill="both", expand=True)
label_bottom_1 = tk.Label(frame_bottom, text="Label", fg="white", bg="darkred")
label_bottom_1.pack(padx=50, pady=20)
label_bottom_2 = tk.Label(frame_bottom, text="Label", fg="white", bg="darkred")
label_bottom_2.pack(padx=50, pady=20)

root.mainloop()

绑定Frame点击事件的代码 #

def frame_top_onclick(event):
    print("top frame clicked")

def frame_bottom_onclick(event):
    print("bottom frame clicked")

frame_top.bind("<Button-1>", frame_top_onclick, add="+")
frame_bottom.bind("<Button-1>", frame_bottom_onclick, add="+")

繁琐的逐个绑定子组件方式 #

label_top_1.bind("<Button-1>", frame_top_onclick, add="+")
label_top_2.bind("<Button-1>", frame_top_onclick, add="+")
label_bottom_1.bind("<Button-1>", frame_bottom_onclick, add="+")
label_bottom_2.bind("<Button-1>", frame_bottom_onclick, add="+")

解决方案 #

Tkinter没有内置的自动事件传播机制，但可以用下面几种简洁的方式实现类似效果：

• 用bind_class批量绑定同类型组件
  如果所有子组件都是同一类型（比如这里的Label），直接给该组件类绑定事件，后续动态创建的同类型组件也会自动带上这个绑定：

  def label_click(event):
      # 根据Label的父组件判断要触发哪个处理函数
      if event.widget.master == frame_top:
          frame_top_onclick(event)
      elif event.widget.master == frame_bottom:
          frame_bottom_onclick(event)
  
  # 给所有Label类绑定左键点击事件
  root.bind_class("Label", "<Button-1>", label_click, add="+")
  

• 自定义Frame组件，自动处理子组件绑定
  自己写一个Frame子类，在添加子组件时自动绑定事件，或者设置处理函数时批量给已有子组件绑定：

  class EventFrame(tk.Frame):
      def __init__(self, master=None, **kwargs):
          super().__init__(master, **kwargs)
          self.click_handler = None
  
      def set_click_handler(self, handler):
          self.click_handler = handler
          # 给已有子组件批量绑定
          for child in self.winfo_children():
              child.bind("<Button-1>", handler, add="+")
  
      def add_child(self, child):
          child.master = self
          child.pack()
          # 新添加的子组件自动绑定事件
          if self.click_handler:
              child.bind("<Button-1>", self.click_handler, add="+")
  
  # 使用自定义Frame
  frame_top = EventFrame(root, bg="lightyellow")
  frame_top.pack(fill="both", expand=True)
  frame_top.set_click_handler(frame_top_onclick)
  
  # 动态添加子组件，自动绑定事件
  label_top_1 = tk.Label(text="Label", fg="white", bg="darkred")
  frame_top.add_child(label_top_1)
  

• 循环批量绑定已有子组件
  写个递归函数，遍历Frame下的所有子组件（包括嵌套的子组件），批量绑定事件。如果后续动态添加子组件，只要在添加后调用这个函数就行：

  def bind_children_events(frame, handler):
      for child in frame.winfo_children():
          child.bind("<Button-1>", handler, add="+")
          # 递归处理子组件的子组件
          bind_children_events(child, handler)
  
  # 给两个Frame的子组件批量绑定
  bind_children_events(frame_top, frame_top_onclick)
  bind_children_events(frame_bottom, frame_bottom_onclick)
  

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