Tkinter将背景图像调整为窗口大小

时间:2014-06-05 13:07:27

标签: python python-3.x tkinter

尝试为我的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中执行此操作?或者,如果我可能会编写自己的函数来根据窗口大小调整图像大小,但是如果用户在任何时候调整窗口大小,图像需要相对平滑且快速地调整大小。

3 个答案:

答案 0 :(得分:14)

这是一个示例应用程序,当标签更改大小时,使用Pillow调整Label上的图像大小:

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图片作为示例的工作原理:

enter image description here

答案 1 :(得分:5)

我修改了上面的代码,所以它不在类

#!/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()

答案 2 :(得分:1)

只是略微改变了答案。使用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()