Tkinter 悬停在按钮上->颜色变化

2022-01-22 00:00:00 python tkinter hover

问题描述

是否有可能在 Button 上悬停后更改其背景颜色?Tkinter 中的代码是什么?

Is there a possibility to change the background-color of a Button after hovering on it? What is the code for this in Tkinter?

解决方案

遗憾的是，activebackground 和 activeforeground 选项似乎仅在您单击按钮时才起作用，而不是当您将鼠标悬停在按钮上时.改用 <Leave> 和 <Enter> 事件

Sadly the activebackground and activeforeground options only seem to work when you are clicking on the button rather than when you hover over the button. Use the <Leave> and <Enter> events instead

import tkinter as tk

def on_enter(e):
    myButton['background'] = 'green'

def on_leave(e):
    myButton['background'] = 'SystemButtonFace'

root = tk.Tk()
myButton = tk.Button(root,text="Click Me")
myButton.grid()


myButton.bind("<Enter>", on_enter)
myButton.bind("<Leave>", on_leave)

root.mainloop()

正如评论中指出的，如果我们想要多个按钮，我们可以将按钮绑定到使用点击事件的事件数据来改变按钮背景的函数.

As pointed out in the comments, if we want multiple buttons, we can bind the buttons to functions that use the event data for the click event to change the background of the button.

import tkinter as tk

def on_enter(e):
    e.widget['background'] = 'green'

def on_leave(e):
    e.widget['background'] = 'SystemButtonFace'

root = tk.Tk()
myButton = tk.Button(root,text="Click Me")
myButton.grid()


myButton.bind("<Enter>", on_enter)
myButton.bind("<Leave>", on_leave)

myButton2 = tk.Button(root,text="Click Me")
myButton2.grid()


myButton2.bind("<Enter>", on_enter)
myButton2.bind("<Leave>", on_leave)

root.mainloop()

为多个按钮执行此操作的一种更巧妙的方法是创建一个新的 Button 类，该类修改默认按钮的行为，以便 activebackground 在您悬停时实际工作.

A slicker way to do it for multiple buttons would be to create a new Button class that modifies the behaviour of the default button so that the activebackground actually works when you hover.

import tkinter as tk

class HoverButton(tk.Button):
    def __init__(self, master, **kw):
        tk.Button.__init__(self,master=master,**kw)
        self.defaultBackground = self["background"]
        self.bind("<Enter>", self.on_enter)
        self.bind("<Leave>", self.on_leave)

    def on_enter(self, e):
        self['background'] = self['activebackground']

    def on_leave(self, e):
        self['background'] = self.defaultBackground

root = tk.Tk()

classButton = HoverButton(root,text="Classy Button", activebackground='green')
classButton.grid()

root.mainloop()

相关文章