鼠标悬停时如何更改行颜色？ Tkinter Treeview

Question

我最近一直在使用 Tkinter ttk.Treeview 小部件，我已经能够使用ttk.Style更改很多小部件的样式，但遗憾的是我无法找到解决此问题的方法：

光标/鼠标结束时如何更改项目的颜色？

就像 Tkinter.Button 的activebackground选项Tkinter.Button 。 与 VS CODE treeview 一样：当您浏览资源管理器时，cursor 下的文件/文件夹会更改背景颜色。

Answer 1

你可以用一个标签来控制一行的颜色，所以解决方案的第一部分是定义一个标签来高亮一行：

tree.tag_configure('highlight', background='lightblue')

接下来，编写一个方法，从树中的所有项目中删除该标签，然后将其添加到 cursor 下的项目中。 底层 tk 小部件具有添加和删除标签的方法，但这些方法没有公开，因此我们需要直接调用底层 tk 代码。

def highlight_row(event):
    tree = event.widget
    item = tree.identify_row(event.y)
    tree.tk.call(tree, "tag", "remove", "highlight")
    tree.tk.call(tree, "tag", "add", "highlight", item)

最后，将 function 绑定到<Motion>事件：

tree.bind("<Motion>", highlight_row)

---

这是一个完整的工作示例：

import tkinter as tk
from tkinter import ttk


def highlight_row(event):
    tree = event.widget
    item = tree.identify_row(event.y)
    tree.tk.call(tree, "tag", "remove", "highlight")
    tree.tk.call(tree, "tag", "add", "highlight", item)

root = tk.Tk()

tree = ttk.Treeview(root, style = 'W.TButton')
vsb = ttk.Scrollbar(root, command=tree.yview)
tree.configure(yscrollcommand=vsb.set)

vsb.pack(side="right", fill="y")
tree.pack(side="left", fill="both", expand=True)

tree.tag_configure('highlight', background='lightblue')
tree.bind("<Motion>", highlight_row)


for i in range(100):
    tree.insert("", "end", text=f"Item #{i+1}")
    tree.tag_bind(i, '<Motion>', highlight_row)

root.mainloop()

Answer 2

这是一个例子。 您可以进一步改进此代码。

import tkinter as tk
from tkinter import ttk


def Enter_event(event):

    for x in tree.get_children():
        tree.tag_configure(tree.item(x)['tags'], background='')

    tree.tag_configure(tree.item(tree.identify_row(event.y))['tags'], background='yellow')

root = tk.Tk()
style = ttk.Style() 
  
  
style.configure('W.TButton') 

tree = ttk.Treeview(root, style = 'W.TButton')

tree.pack()
for i in range(10):
    tree.insert("", "end", text="Item %s" % i, tags=i)
    tree.tag_bind(i, '<Motion>', Enter_event)
        
root.mainloop()

解释：

使用为每个单元格设置一个标签，然后将每个标签绑定到运动事件并调用事件处理程序。

• tree.item(x)['tags']返回指定 iid 的标签。

• tree.get_children()返回所有孩子的 iid

• tree.identify_row(event.y)返回 y position 处的行。

• tree.tag_configure(tree.item(tree.identify_row(event.y))['tags'], background='yellow')将改变指定标签的背景。

我尝试了进入和离开事件，但它没有被识别。 （此外，将注释设置样式配置为“Treeview”对我不起作用。如果对任何读者有用，请通知我）