Question

您好我在选择TreeView的某一行时尝试删除dotbox hightlight，它会突出显示包含图像的第一列的文本：

我是新手，但猜测发生了这种情况，因为第一列不是使用构造函数创建的，而是与其他列分开，如下例所示：

    f = ttk.Frame(master)
    f.pack(fill=BOTH, expand=True)
    self.dataCols = ('Project Name','Status', 'Cores', 'Added date/time')
    self.tree = ttk.Treeview(columns=self.dataCols)
    self.tree.grid(in_=f, row=0, column=0, sticky=NSEW)
    self.tree.heading('#0', text='', anchor='center')
    self.tree.heading('#1', text='Project Name', anchor='center')
    self.tree.heading('#2', text='Status', anchor='center')
    self.tree.heading('#3', text='Cores', anchor='center')
    self.tree.heading('#4', text='Added date/time', anchor='center')
    self.tree.column('#0', anchor='center', width=1)
    self.tree.column('#1', anchor='w')
    self.tree.column('#2', anchor='center')
    self.tree.column('#3', anchor='center')
    self.tree.column('#4', anchor='center')
    f.rowconfigure(0, weight=1)
    f.columnconfigure(0, weight=1)
    style = ttk.Style(master)
    style.configure('Treeview', rowheight=38)

这是以这种方式实现的，以允许图像作为列值。

修改：

这就是我在Treeview中插入行的方法。

    self.tree.insert('', 'end', image=auxiliary_classes.global_data.img_container[obj.name],
                     value=obj.get_list())

修改

    style = ttk.Style(master)
    style.theme_use('clam')

    style.layout('nodotbox.Treeview.Item',
                 [('Treeitem.padding',
                   {'children': [('Treeitem.indicator', {'side': 'left', 'sticky': ''}),
                                 ('Treeitem.image', {'side': 'left', 'sticky': ''}),
                                 ('Treeitem.text', {'side': 'left', 'sticky': ''})],
                    'sticky': 'nswe'})])

    style.configure(style='nodotbox.Treeview')

修改

这段代码就行了！

    style = ttk.Style()
    style.layout("Treeview.Item",
                 [('Treeitem.padding', {'sticky': 'nswe', 'children':
                     [('Treeitem.indicator', {'side': 'left', 'sticky': ''}),
                      ('Treeitem.image', {'side': 'left', 'sticky': ''}),
                      # ('Treeitem.focus', {'side': 'left', 'sticky': '', 'children': [
                      ('Treeitem.text', {'side': 'left', 'sticky': ''}),
                      # ]})
                      ],
                                        })]
                 )

Answer 1

点框突出显示是样式的一部分，因此您可以通过更改树视图样式的布局来删除它。

默认布局为

'Treeitem.focus'

并且点框是style = ttk.Style(master) style.layout('nodotbox.Treeview.Item', [('Treeitem.padding', {'children': [('Treeitem.indicator', {'side': 'left', 'sticky': ''}), ('Treeitem.image', {'side': 'left', 'sticky': ''}), ('Treeitem.text', {'side': 'left', 'sticky': ''})], 'sticky': 'nswe'})]) tree.configure(style='nodotbox.Treeview')，因此如果您创建没有它的自定义布局，则它将不再可见：

import tkinter as tk
from tkinter import ttk

master = tk.Tk()

style = ttk.Style(master)

style.layout('nodotbox.Treeview.Item', 
             [('Treeitem.padding',
               {'children': [('Treeitem.indicator', {'side': 'left', 'sticky': ''}),
                 ('Treeitem.image', {'side': 'left', 'sticky': ''}),
                 ('Treeitem.text', {'side': 'left', 'sticky': ''})],
                'sticky': 'nswe'})])

tk.Label(master, text='Default layout').pack()
tree1 = ttk.Treeview(master, columns=('a', 'b'))
tree1.insert('', 'end', text='item 1', values=('a', 'b'))
tree1.insert('', 'end', text='item 2', values=('a', 'b'))
tree1.pack()

tk.Label(master, text='No dotbox').pack()
tree2 = ttk.Treeview(master, style='nodotbox.Treeview', columns=('a', 'b'))
tree2.insert('', 'end', text='item 1', values=('a', 'b'))
tree2.insert('', 'end', text='item 2', values=('a', 'b'))
tree2.pack()

master.mainloop()

编辑：完整示例：

OnAppearing()

Tkinter TreeView删除了dotbox突出显示

1 个答案: