python - 为什么文件夹中的所有图像没有显示在 Canvas 框架内的 tkinter 标签上？

Question

我正在编写一个 python tkinter 脚本，用于从 opencv 创建的文件夹中检索 .jpg 文件，并以水平方式将所有文件并排显示。我可以让代码正常工作，因为它会相邻显示 jpg 文件。然而，在一些帧之后，tkinter 将一个 jpg 文件放在其他文件之上，直到最后一个 jpg 文件。不确定我做错了什么。下面是我的脚本。如有任何建议，我们将不胜感激。

import os
import sys
from Tkinter import *
from PIL import Image, ImageTk
import tkFileDialog

path = 'C:\\JPEGs'
images = []

for dirname, dirnames, filenames in os.walk(path):
    for filename in filenames:
        file = os.path.join(dirname, filename)
        if '.jpg' in file.lower() :
            images.append(file)

images.sort(key=lambda f: int(filter(str.isdigit, f)))
#print images
## Main window
root = Tk()
root.geometry('1280x720')
root.title("VIDYOANALYSER-Sachin Chandrashekar")
root.wm_iconbitmap('ad1.ico')
## Grid sizing behavior in window
root.grid_rowconfigure(0, weight=1)
root.grid_columnconfigure(0, weight=1)
# Canvas
cnv = Canvas(root,bg="light yellow")
cnv.grid(row=0, column=0, sticky='nswe')

## Scrollbars for canvas
hScroll = Scrollbar(root, orient=HORIZONTAL, command=cnv.xview)
hScroll.grid(row=1, column=0, sticky='we')
vScroll = Scrollbar(root, orient=VERTICAL, command=cnv.yview)
vScroll.grid(row=0, column=1, sticky='ns')
cnv.configure(xscrollcommand=hScroll.set, yscrollcommand=vScroll.set)
# Frame in canvas
frm = Frame(root,bg="light yellow")


## This puts the frame in the canvas's scrollable zone
cnv.create_window(0, 0, window=frm, anchor='nw')
## Frame contents
columnCount=0

for files in images:
    im = Image.open(files)
    tkimage = ImageTk.PhotoImage(im)
    myvar=Label(frm,image = tkimage,text=str(os.path.basename(files).strip('.jpg')), compound=TOP,bg='sky blue',relief=SUNKEN)
    myvar.image = tkimage
    myvar.grid(row=0, column=columnCount, sticky='nswe')
    myvar.grid_rowconfigure(0, weight=1)
    myvar.grid_columnconfigure(0, weight=1)
    columnCount += 1



## Update display to get correct dimensions
frm.update_idletasks()
myvar.update_idletasks()
## Configure size of canvas's scrollable zone
cnv.configure(scrollregion=(0, 0, frm.winfo_width(), frm.winfo_height()))

## Go!
root.mainloop()

预期:有 253 个 jpeg 文件，我希望显示所有帧。检查链接- /image/BRMTy.png实际:仅显示 243 个文件，其余帧显示在另一个帧之上，并且只有最后一帧(半裁剪)在 UI 上可见。检查链接 - /image/KqMeL.png

Answer 1

正如 @Jasonharper 指出的那样，tkinter 在这种情况下使用 16 位坐标。 (不确定这是否对所有容器都相同)。

我修改了您的代码以包含一些测量值，以便我们可以了解图像总大小与标签总大小的比较情况。

我添加了 2 个变量:

total_image_size = 0
total_widget_size = 0

然后，在创建所有小部件时，我检查每个图像的大小并更新total_image_size。

然后我循环遍历框架中的所有小部件，以使用 winfo_width() 获取它们的宽度并更新 total_widget_size。

但是我们必须运行该程序两次。第一次查看在开始堆叠图像之前显示了多少图像，第二次是在更新计算小部件的循环后显示的，因此我们得到了接近准确的小部件大小，因为我们不想计算小部件的宽度堆叠的小部件。

通过下面的代码，您可以看到 16 位坐标限制是准确的，因为堆叠之前放置的最后一个小部件将总宽度设置为 32736。如果我们考虑到下图中显示的小间隙，我们可以说高度准确地表明该限制是准确的。

我的测试图像的宽度为 82 像素，每个图像/小部件的宽度为 88 像素。

结论:

根据您的需要，仅加载大量图像列表可能无法在这里工作，但是如果您使用列表来存储图像或图像路径，您可以使用比例来滚动它们并将它们动态加载到 from 中以解决此问题限制。

结果:

代码:

import os
import tkinter as tk
from PIL import Image, ImageTk


path = r'complete\file\path\here'
images = []
total_image_size = 0
total_widget_size = 0
for dirname, dirnames, filenames in os.walk(path):
    for filename in filenames:
        file = os.path.join(dirname, filename)
        images.append(file)

tk.Tcl().call('lsort', '-dict', images)

root = tk.Tk()
root.geometry('1280x720')
root.grid_rowconfigure(0, weight=1)
root.grid_columnconfigure(0, weight=1)
cnv = tk.Canvas(root,bg="light yellow")
cnv.grid(row=0, column=0, sticky='nswe')

hScroll = tk.Scrollbar(root, orient='horizontal', command=cnv.xview)
hScroll.grid(row=1, column=0, sticky='we')
vScroll = tk.Scrollbar(root, orient='vertical', command=cnv.yview)
vScroll.grid(row=0, column=1, sticky='ns')
cnv.configure(xscrollcommand=hScroll.set, yscrollcommand=vScroll.set)
frm = tk.Frame(root, bg="light yellow")
cnv.create_window(0, 0, window=frm, anchor='nw')
columnCount = 0

for files in images:
    im = Image.open(files)
    width, height = im.size
    total_image_size += width
    tkimage = ImageTk.PhotoImage(im)
    myvar = tk.Label(frm, image=tkimage, text=str(os.path.basename(files).strip('.jpg')),
                  compound='top', bg='sky blue', relief='sunken')
    myvar.image = tkimage
    myvar.grid(row=0, column=columnCount, sticky='nswe')
    myvar.grid_rowconfigure(0, weight=1)
    myvar.grid_columnconfigure(0, weight=1)
    columnCount += 1


frm.update_idletasks()
cnv.configure(scrollregion=(0, 0, frm.winfo_width(), frm.winfo_height()))


def do_thing():
    global total_widget_size
    for ndex, widget in enumerate(frm.winfo_children()):
        if ndex <= 371:  # set the last image to be loaded before stacking started.
            total_widget_size += widget.winfo_width()
    print('Total widget width prior to stacking', total_widget_size)


print('Total image width', total_image_size)
# short delay so we can check size after all images have been loaded.
# If it takes longer than 3 seconds for your app to load then change this time to be more.
root.after(3000, do_thing)
root.mainloop()

使用的测试图像: