悬停时如何使ttk小部件缓慢发光

Question

我正在尝试让我的 ttk 小部件在悬停时像 messagebox 确定按钮一样缓慢发光。在您的代码编辑器中键入此内容并将鼠标悬停在“确定”按钮上，以查看我所说的小部件缓慢发光的意思。

from tkinter import *
from tkinter import messagebox
messagebox.showinfo("","Hover over OK button!")

但是，ttk 小部件在悬停时会立即亮起。

from tkinter import *
from tkinter import ttk
root = Tk()
ttk.Button(root, text ="Hover over me!").pack()
root.mainloop()

我可以知道如何让我的 ttk 小部件在悬停时缓慢发光吗？

Answer 1

使用 ttk 您将不得不创建一堆样式并循环使用它们。那将是荒谬的，也是不必要的。使用 tk 您可以即时更改背景（或任何其他属性）。它更适合您想要的行为。

您不必使用我的 deque 方法。您可以继续增加一些整数并重置它。你也可以做类似的事情： self.colors.append(self.colors.pop(0)) ~ 这与 deque 做的基本相同，作为代理。这里的重点是 after 用于保持运行循环遍历颜色列表并将当前颜色应用于按钮的方法。

import tkinter as tk
from collections import deque

class GlowButton(tk.Button):
    def __init__(self, master, **kwargs):
        tk.Button.__init__(self, master, **kwargs)
        #store background color
        self.bg_idle = self.cget('background')
        
        #list of glow colors to cycle through
        self.colors    = ['#aa88aa', '#aa99aa', '#aaaaaa', '#aabbaa', '#aaccaa', '#aaddaa', '#aaeeaa', '#aaffaa']
        #deque to use as an offset
        self.col_index = deque(range(len(self.colors)))
        #eventual reference to after
        self.glow      = None
        
        #add MouseOver, MouseOut events
        self.bind('<Enter>', lambda e: self.__glow(True))
        self.bind('<Leave>', lambda e: self.__glow(False))
        
    def __glow(self, hover):
        if hover:
            #get rotation offset
            ofs = self.col_index.index(0)
            #apply color from rotation offset
            self.configure(background=self.colors[ofs])
            #if the offset has not reached the end of the color list
            if ofs != len(self.colors)-1:
                #rotate
                self.col_index.rotate(1)
                #do all of this again in 50ms
                self.glow = self.after(50, self.__glow, hover)
        else:
            #kill any expected after
            self.after_cancel(self.glow)
            #rewind
            self.col_index.rotate(-self.col_index.index(0))
            #reset to idle color
            self.configure(background=self.bg_idle)

        
root = tk.Tk()
GlowButton(root, text='button', font='Helvetica 10 bold', bg='#aa88aa').grid()

if __name__ == '__main__':
    root.mainloop()

悬停时如何使ttk小部件缓慢发光

how to make ttk widget glow slowly when hovered

python

tkinter

button

hover

ttk