280 개 이상의 요소가있는 캔버스에 포함 된 Tkinter 그리드의 예기치 않은 동작

썸네일의 내용에 따라 여러 개의 썸네일을 표시하고 다른 작업을 할 수 있기를 바랍니다. 이를 위해 Tkinter의 위젯 그룹에 스크롤바 추가 의 예제를 가져 와서 첫 번째 열에 레이블을, 포함 된 그리드의 두 번째 열에 이미지를 넣었습니다. 샘플 썸네일로이 이미지를 다운로드 하고 이름을 160x120.jpg.

import Tkinter as tk
from PIL import Image, ImageTk

class Example(tk.Frame):
    def __init__(self, root):

        tk.Frame.__init__(self, root)
        self.canvas = tk.Canvas(root, borderwidth=0, background="#ffffff")
        self.frame = tk.Frame(self.canvas, background="#ffffff")
        self.vsb = tk.Scrollbar(root, orient="vertical", command=self.canvas.yview)
        self.canvas.configure(yscrollcommand=self.vsb.set)

        self.vsb.pack(side="right", fill="y")
        self.canvas.pack(side="left", fill="both", expand=True)
        self.canvas.create_window((4,4), window=self.frame, anchor="nw", 
                                  tags="self.frame")

        self.frame.bind("<Configure>", self.OnFrameConfigure)

        self.photos = []
        self.imgs = []
        self.images = []
        self.lbls = []

        self.populate()

    def populate(self):
        '''Put in some fake data'''

        # n_thumbs = 100 : As expected, one label and one image per row.
        # n_thumbs = 300 : Images are only displayed up to the 278th.
        # n_thumbs = 600 : Just 63 images are displayed. Two labels per row.

        n_thumbs = 100

        for i in range(n_thumbs):
            lbl = tk.Label(self.frame, text="img " + str(i), width=10)
            lbl.grid(row=i, column=0)
            photo = Image.open("160x120.jpg")
            img = ImageTk.PhotoImage(photo)
            image = tk.Label(self.frame, image=img)
            image.grid(row=i, column=1)
            self.lbls.append(lbl)
            self.photos.append(photo)
            self.images.append(image)
            self.imgs.append(img)

    def OnFrameConfigure(self, event):
        '''Reset the scroll region to encompass the inner frame'''
        self.canvas.configure(scrollregion=self.canvas.bbox("all"))

if __name__ == "__main__":
    root=tk.Tk()
    Example(root).pack(side="top", fill="both", expand=True)
    root.mainloop()

이제를 설정 n_thumbs = 100하면 모든 것이 예상대로 작동합니다. 즉, 행당 하나의 레이블과 하나의 이미지가 있습니다.

를 설정 n_thumbs = 300하면 목록이 갑자기 278 번째 이미지로 끝납니다.

을 설정 n_thumbs = 600하면 63 개의 이미지 만 표시되지만 마지막 이미지 이후로 아래로 스크롤 할 수 있습니다. 또한 갑자기 각 행에 두 개의 레이블이 있습니다.

이러한 효과를 어떻게 설명 할 수 있습니까? Tkinter를 사용하여 그리드에 300 개 이상의 이미지를 표시하려면 어떻게해야합니까?