如何使 tkinter Treeview 行条目图标默认显示?
How to make the tkinter Treeview row entries icon appear as default?
我有一个我无法解决的奇怪的 Treeview 行为。
我使用 ttk.Frame
小部件创建了一个小部件,并将其中的 ttk.Treeview
网格作为其子项。 #0 列显示目录树。对于每个行条目,即树节点,都会出现一个图标。使用了 .insert()
方法中的选项 open=True
。
执行此脚本时,所有图标默认显示在树视图中。
但是,当将同一个小部件导入另一个脚本并添加到 ttk.PanedWindow
小部件时,树视图中的图标不会立即出现。这些图标只会在通过单击打开 Treeview 行条目时出现。第二次单击将关闭 Treeview 行条目并且图标将消失。
我希望 ttk.Treeview
中的图标默认显示。我该怎么做?
我找到了造成这种现象的原因。当我在另一个脚本中自定义 ttk.Treeview
小部件的样式时,我发现背景选项的值缺少 #
符号。 ttk.Treeview
图标默认不出现的现象是由于background
选项的值语法不正确造成的。
OS: Linux
测试代码重现语法错误引起的现象。
#!/usr/bin/python3
# -*- coding: utf-8 -*-
import tkinter as tk
import tkinter.ttk as ttk
class App(ttk.Frame):
def __init__(self, parent=None, *args, **kwargs):
super().__init__(parent)
self.parent = parent
# Create Treeview
self.tree = ttk.Treeview(self, column=('A', 'B'), selectmode='none', height=7)
self.tree.grid(row=0, column=0, sticky='nsew')
# Setup column heading
self.tree.heading('#0', text=' Pic directory', anchor='center')
self.tree.heading('#1', text=' A', anchor='center')
self.tree.heading('#2', text=' B', anchor='center')
# #0, #01, #02 denotes the 0, 1st, 2nd columns
# Setup column
self.tree.column('A', anchor='center', width=100)
self.tree.column('B', anchor='center', width=100)
# Insert image to #0
# change to your file path
self._img = tk.PhotoImage(file="./imagename.png")
self.tree.insert('', 'end', text="#0's text", image=self._img,
value=("A's value", "B's value"))
if __name__ == '__main__':
# Works
root = tk.Tk()
root.geometry('400x180+300+300')
app = App(root)
app.grid(row=0, column=0, sticky='nsew')
root.rowconfigure(0, weight=1)
root.columnconfigure(0, weight=1)
root.mainloop()
# Don't Works - syntax error in value of background causing missing icon
# in Treeview.
root = tk.Tk()
root.geometry('400x180+300+300')
style = ttk.Style()
style.configure('Treeview', background='303495') # should be '#303495'
app = App(root)
app.grid(row=0, column=0, sticky='nsew')
root.rowconfigure(0, weight=1)
root.columnconfigure(0, weight=1)
root.mainloop()
我有一个我无法解决的奇怪的 Treeview 行为。
我使用 ttk.Frame
小部件创建了一个小部件,并将其中的 ttk.Treeview
网格作为其子项。 #0 列显示目录树。对于每个行条目,即树节点,都会出现一个图标。使用了 .insert()
方法中的选项 open=True
。
执行此脚本时,所有图标默认显示在树视图中。
但是,当将同一个小部件导入另一个脚本并添加到 ttk.PanedWindow
小部件时,树视图中的图标不会立即出现。这些图标只会在通过单击打开 Treeview 行条目时出现。第二次单击将关闭 Treeview 行条目并且图标将消失。
我希望 ttk.Treeview
中的图标默认显示。我该怎么做?
我找到了造成这种现象的原因。当我在另一个脚本中自定义 ttk.Treeview
小部件的样式时,我发现背景选项的值缺少 #
符号。 ttk.Treeview
图标默认不出现的现象是由于background
选项的值语法不正确造成的。
OS: Linux
测试代码重现语法错误引起的现象。
#!/usr/bin/python3
# -*- coding: utf-8 -*-
import tkinter as tk
import tkinter.ttk as ttk
class App(ttk.Frame):
def __init__(self, parent=None, *args, **kwargs):
super().__init__(parent)
self.parent = parent
# Create Treeview
self.tree = ttk.Treeview(self, column=('A', 'B'), selectmode='none', height=7)
self.tree.grid(row=0, column=0, sticky='nsew')
# Setup column heading
self.tree.heading('#0', text=' Pic directory', anchor='center')
self.tree.heading('#1', text=' A', anchor='center')
self.tree.heading('#2', text=' B', anchor='center')
# #0, #01, #02 denotes the 0, 1st, 2nd columns
# Setup column
self.tree.column('A', anchor='center', width=100)
self.tree.column('B', anchor='center', width=100)
# Insert image to #0
# change to your file path
self._img = tk.PhotoImage(file="./imagename.png")
self.tree.insert('', 'end', text="#0's text", image=self._img,
value=("A's value", "B's value"))
if __name__ == '__main__':
# Works
root = tk.Tk()
root.geometry('400x180+300+300')
app = App(root)
app.grid(row=0, column=0, sticky='nsew')
root.rowconfigure(0, weight=1)
root.columnconfigure(0, weight=1)
root.mainloop()
# Don't Works - syntax error in value of background causing missing icon
# in Treeview.
root = tk.Tk()
root.geometry('400x180+300+300')
style = ttk.Style()
style.configure('Treeview', background='303495') # should be '#303495'
app = App(root)
app.grid(row=0, column=0, sticky='nsew')
root.rowconfigure(0, weight=1)
root.columnconfigure(0, weight=1)
root.mainloop()