Tkinter调整背景图片大小以适应窗口大小

Question

我正在尝试为我的tkinter窗口设置背景。我有一个正方形的背景图像，边缘渐变为黑色，然后主窗口有一个黑色背景。图像被放置在背景上，如果窗口比高度更宽，图像会在黑色背景中央居中，整个效果看起来非常好。

但是当窗口小于图像的宽度和高度时，它会将图像的中心放在窗口的中心，因此您无法看到整个图像，看起来有点奇怪。是否有一种方法可以调整图像的大小，以便在窗口的宽度和高度中最大的一个小于图像时，保持纵横比地调整图像的大小。

所以说背景图像是600x600：

• 在800x400的窗口中，图像不会调整大小，垂直居中。
• 在500x400的窗口中，图像会调整大小为500x500，仍然垂直居中。
• 在400x900的窗口中，图像不会调整大小，水平居中。

居中功能已经存在，我只需要调整大小功能。

目前我所拥有的是：

from tkinter import *

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

background_image = PhotoImage(file="Background.gif")

background = Label(root, image=background_image, bd=0)
background.pack()

root.mainloop()

不确定在tkinter中是否有一种方法可以做到这一点？或者我是否应该编写自己的函数，根据窗口大小调整图像大小，但是如果用户在任何时候调整窗口大小，图像需要相对平滑和快速地调整大小。

- Tomha

---

使用pillow进行图像调整大小。 - Marcin

Answer 1

这是一个示例应用程序，它使用Pillow在标签上调整图像大小，以适应标签的更改大小：

from tkinter import *

from PIL import Image, ImageTk

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



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



        self.image = Image.open("./resource/Background.gif")
        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)

    def _resize_image(self,event):

        new_width = event.width
        new_height = event.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)



e = Example(root)
e.pack(fill=BOTH, expand=YES)


root.mainloop()

这是以Lenna图像为例的工作原理：

- Marcin

---

你可以跳过某些事件的调整大小，参见fit_image()方法。 - jfs

Answer 2

我已修改上述代码，使其不再属于类

#!/usr/bin/python3.5

from tkinter import *
from tkinter import ttk
from PIL import Image, ImageTk

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

def resize_image(event):
    new_width = event.width
    new_height = event.height
    image = copy_of_image.resize((new_width, new_height))
    photo = ImageTk.PhotoImage(image)
    label.config(image = photo)
    label.image = photo #avoid garbage collection

image = Image.open('image.gif')
copy_of_image = image.copy()
photo = ImageTk.PhotoImage(image)
label = ttk.Label(root, image = photo)
label.bind('<Configure>', resize_image)
label.pack(fill=BOTH, expand = YES)

root.mainloop()

- bodger and scraper

---

我会用 Label 代替 ttk.Label，因为即使使用 padx=0、pady=0 等参数移除边界后，左侧和顶部还是存在一些奇怪的边框。 - dieserniko

Answer 3

我建议稍微修改一下答案。使用self.master.winfo_width()和self.master.winfo_height()代替'event'可以更快地调整大小。

import tkinter as tk
from PIL import Image, ImageTk
class Layout:
     def __init__(self,master):
       self.master = master
       self.rootgeometry()
       self.canvas = tk.Canvas(self.master)
       self.canvas.pack()
       self.background_image = Image.open('image_file.PNG') 
       self.image_copy = self.background_image.copy()
       self.background = ImageTk.PhotoImage(self.background_image)
       self.loadbackground()

    def loadbackground(self):
       self.label = tk.Label(self.canvas, image = self.background)
       self.label.bind('<Configure>',self.resizeimage)
       self.label.pack(fill='both', expand='yes')


   def rootgeometry(self):
       x=int(self.master.winfo_screenwidth()*0.7)
       y=int(self.master.winfo_screenheight()*0.7)
       z = str(x) +'x'+str(y)
       self.master.geometry(z)

  def resizeimage(self,event):
       image = self.image_copy.resize((self.master.winfo_width(),self.master.winfo_height()))
       self.image1 = ImageTk.PhotoImage(image)
       self.label.config(image = self.image1)

root = tk.Tk()
a = Styling.Layout(root)
root.mainloop()

- Ujjwal Mohanty

Answer 4

我已经创建了一个函数，用于调整大小一次，并在 et 和 cancel 之后执行方法。

    def on_resize(self, evt):
        
        if self.inter == 0:
            self.inter = 1
            self.minuteur = self.fenetrePrincipale.after(100, self.endResize)
        else:
            self.minuteur = self.fenetrePrincipale.after_cancel(self.minuteur)
            self.minuteur = self.fenetrePrincipale.after(100, self.endResize)
            
    def endResize(self):
        self.inter = 0
        self.fenetrePrincipale.background = self.fenetrePrincipale.background.resize((self.fenetrePrincipale.winfo_width(), self.fenetrePrincipale.winfo_height()))
        self.pixi = ImageTk.PhotoImage(self.fenetrePrincipale.background)
        self.canvas.configure(width=self.fenetrePrincipale.winfo_width(), height=self.fenetrePrincipale.winfo_height())
        self.canvas.create_image(0, 0, anchor=NW, image=self.pixi)

这里是原则，定义一个计时器和一个在结束时要调用的函数，after_cancel清除计时器，因此函数的每次迭代都会清除计时器并启动它，在resize的最后一次迭代中，计时器仍然保持触发状态。 有关使用after取消和计时器的更多信息： 详细的after文档

- Emmanuel Rebstock