Question

基于this answer，我想在主图像下方添加第二个小部件。

当用户调整此图像大小时，图像适合窗口。

参见@Marcin的例子：

问题在于，如果我向窗口添加任何小部件，会发生一些奇怪的事情（这里带有文本）：

图像逐渐增长，直到它填满整个窗口，第二个小部件消失。

这是我的代码：

from tkinter import *
from PIL import Image, ImageTk
from io import BytesIO
import base64

root = Tk()
root.title("Title")
root.geometry("600x600")


class ImageFrame(Frame):
    def __init__(self, master, *pargs):
        Frame.__init__(self, master, *pargs)


        self.black_pixel = BytesIO(base64.b64decode("R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs="))
        self.image = Image.open(self.black_pixel)

        self.img_copy= self.image.copy()


        self.background_image = ImageTk.PhotoImage(self.image)

        self.background = Label(self, image=self.background_image)
        self.background.pack(fill=BOTH, expand=YES)
        self.background.bind('<Configure>', self._resize_image)

        self.width = 1
        self.height = 1

    def _resize_image(self,event):

        new_width = event.width
        new_height = event.height

        if new_width != self.width or new_height != self.height:
            self.width = new_width
            self.height = new_height

            self.image = self.img_copy.resize((new_width, new_height))

            self.background_image = ImageTk.PhotoImage(self.image)
            self.background.configure(image =  self.background_image)


img = ImageFrame(root)
txt = Text(root)

img.pack(fill=BOTH, expand=YES)
txt.pack()

root.mainloop()

我尝试将img和txt与不同的选项打包在一起，但它没有任何选择。

有人知道我做错了什么吗？

Answer 1

在同一小部件上的.configure回调中调用小部件上的<Configure>与递归非常相似，总是存在永无止境的风险。

当<Configure>触发event.width且event.height包含2个像素的自动填充时，将图像设置为该尺寸会使Label的尺寸增加4个像素再次发起<Configure>事件。

在example by @markus中不会发生这种情况，因为一旦Label是具有强制几何的窗口的大小，它就不会再次重新配置，这也是在图像完成全部消耗后程序中发生的情况窗户上的空间。

真正快速的解决方法是改变：

    new_width = event.width
    new_height = event.height

要：

    new_width = event.width - 4
    new_height = event.height - 4

为了弥补间距，但我绝对不能保证它能够始终如一地工作。

以下是使用Canvas而非Frame和Label的不同实现：

class ImageFrame(Canvas):
    def __init__(self, master, *pargs ,**kw):
        Canvas.__init__(self, master, *pargs,**kw)

        self.black_pixel = BytesIO(base64.b64decode("R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs="))
        self.img_copy = Image.open(self.black_pixel)
        self.image = None #this is overriden every time the image is redrawn so there is no need to make it yet

        self.bind("<Configure>",self._resize_image)

    def _resize_image(self,event):
        origin = (0,0)
        size = (event.width, event.height)
        if self.bbox("bg") != origin + size:
            self.delete("bg")
            self.image = self.img_copy.resize(size)
            self.background_image = ImageTk.PhotoImage(self.image)
            self.create_image(*origin,anchor="nw",image=self.background_image,tags="bg")
            self.tag_lower("bg","all")

这种方式不是重新配置小部件，而是重绘画布上的图像。

如何在调整大小时防止图像填满整个Tkinter窗口？

1 个答案: