首页 > 解决方案 > 如何使 tkinter Treeview 行条目图标显示为默认值?

问题描述

我有一个无法解决的奇怪 Treeview 行为。

我使用一个小部件创建了一个小ttk.Frame部件,并将其中的网格 attk.Treeview作为其子级。#0 列显示目录树。对于每个行条目,即树节点,将出现一个图标。open=True使用了.insert()方法中的选项。

执行此脚本时,所有图标都默认显示在 Treeview 中。

但是,当同一个小部件被导入另一个脚本并添加到ttk.PanedWindow小部件中时,树视图中的图标不会立即出现。只有在通过单击打开 Treeview 行条目时才会出现图标。第二次单击将关闭 Treeview 行条目,并且图标将消失。

我希望中的图标ttk.Treeview显示为默认值。我该怎么做呢?

标签: pythontkintertreeview

解决方案


我找到了这种现象的原因。当我在另一个脚本中自定义小部件的样式时ttk.Treeview,我发现背景选项的值缺少一个#符号。图标未默认出现的现象是由于选项ttk.Treeview值中的语法不正确造成的。background

操作系统: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()

推荐阅读