将图像插入文本框时的 Tkinter image_create 性能

Question

我正在构建一个 Python (3.7.4) 应用程序来显示供应商手册文本数据库中的项目。其中一个功能是显示数据库中每个手册（也称为“产品”）的“项目名称”列表。我正在为此功能使用 Tkinter 滚动文本框小部件，并简单地使用带有选项卡的项目名称构建行来分隔它们。我想在每个项目名称前插入一个小图标（16x20 像素），并已使用下面的代码成功完成此操作。我遇到的问题是，对于数据库中的大型手册（例如，10K+ 项目名称），我从 image_create 函数中获得了显着的性能影响。在不插入图像的情况下，对于 10K 项目名称，显示项目名称列表几乎是瞬时的。插入图像可能需要 10-12 秒以上。

关于如何提高性能的任何建议？我什至研究过使用 FontForge 创建一个“图像”字体，但如果可能的话，我不想走那条路。

提前感谢您的帮助。

根据 Bryan Oakley 的要求，我在此处附上了可执行代码。如果您取消注释以下行：

tabContents_text.image_create("current", image=open_book_image)

您会看到性能上的差异。

png文件的链接是HERE

import tkinter as tk
import tkinter.scrolledtext as tkst

win = tk.Tk()
frame1 = tk.Frame(master = win)
frame1.pack(fill='both', expand='yes')
win.state('zoomed')
tabContents_text = tkst.ScrolledText(frame1, cursor="arrow", wrap="none", tabs=150, font=('helvetica', 10, 'normal'))
tabContents_text.pack(side='top')
open_book_image = tk.PhotoImage(file="C:\\Users\\rhkea\\Downloads\\document_icon.png")
product_item_list=[]
for i in range(10000):
    product_item_list.append("Item" + str(i).zfill(5))
col_count=4
row_count=2500
row_remain=0
tabContents_text.delete("1.0", "end")
row = 0
item = 0

while row < row_count:
    col = 0
    while col < col_count:
#        tabContents_text.image_create("current", image=open_book_image)
        tabContents_text.insert("end", product_item_list[item] + '\t')
        col += 1
        item += 1
    tabContents_text.insert("end", "\n")
    row += 1

col = 0
while col < row_remain:
#    tabContents_text.image_create("current", image=open_book_image)
    tabContents_text.insert("end", product_item_list[item] + '\t')
    col += 1
    item += 1
tabContents_text.insert("end", "\n")

win.mainloop()

Answer 1

不幸的是，我认为没有更好的表现。但是你可以使用.update() 立即显示图像，而不是在代码中阻止它。

我不知道第二个while循环的目的是什么

你可以试试这段代码，运行后会继续加载图片：

import tkinter as tk
import tkinter.scrolledtext as tkst

win = tk.Tk()
frame1 = tk.Frame(master = win)
frame1.pack(fill='both', expand='yes')
win.state('zoomed')
tabContents_text = tkst.ScrolledText(frame1, cursor="arrow", wrap="none", tabs=150, font=('helvetica', 10, 'normal'))
tabContents_text.pack(side='top')
open_book_image = tk.PhotoImage(file="document_icon.png")
product_item_list=[]
for i in range(10000):
    product_item_list.append("Item" + str(i).zfill(5))
col_count=4
row_count=2500
row_remain=0
tabContents_text.delete("1.0", "end")
row = 0
item = 0

try:
    while row < row_count:
        col = 0
        while col < col_count:
            tabContents_text.image_create("end", image=open_book_image) # It's "end" instead of current.
            tabContents_text.insert("end", product_item_list[item] + '\t')
            win.update() # update right away.
            col += 1
            item += 1
        tabContents_text.insert("end", "\n")
        win.update()
        row += 1

    col = 0
    # This while loop seems that it will create two empty lines
    while col < row_remain:
        tabContents_text.image_create("current", image=open_book_image)
        tabContents_text.insert("end", product_item_list[item] + '\t')
        win.update()
        col += 1
        item += 1
    tabContents_text.insert("end", "\n")

except BaseException: # Catch the raised exception when you close the window if it doesn't load image completely.
    pass

except Exception as e:
    print(e.args)


win.mainloop()

或许使用.after()也可以。

Answer 2

您可以将图像和文本组合成一个Label，然后使用.window_create(...) 插入Text 框中：

font = tabContents_text.cget('font') # get the Text font
for i in range(len(product_item_list)):
    # create label with both image and text
    lbl = tk.Label(tabContents_text, text=product_item_list[i]+'\t',
                   image=open_book_image, compound='left',
                   bg='white', font=font)
    # insert the label into text box
    tabContents_text.window_create('end', window=lbl)
    # insert line break after showing 'col_count' items
    if i%col_count == col_count-1:
        tabContents_text.insert('end', '\n')

它可以将插入文本框中的项目总数减少一半。