在Tkinter中使用PIL显示动画GIF

Question

我将尝试使用Tkinter编写一个程序来展示动态GIF图片。以下是我最初使用的代码:

from __future__ import division # Just because division doesn't work right in 2.7.4
from Tkinter import *
from PIL import Image,ImageTk
import threading
from time import sleep

def anim_gif(name):
    ## Returns { 'frames', 'delay', 'loc', 'len' }
    im = Image.open(name)
    gif = { 'frames': [],
            'delay': 100,
            'loc' : 0,
            'len' : 0 }
    pics = []
    try:
        while True:
            pics.append(im.copy())
            im.seek(len(pics))
    except EOFError: pass

    temp = pics[0].convert('RGBA')
    gif['frames'] = [ImageTk.PhotoImage(temp)]
    temp = pics[0]
    for item in pics[1:]:
        temp.paste(item)
        gif['frames'].append(ImageTk.PhotoImage(temp.convert('RGBA')))

    try: gif['delay'] = im.info['duration']
    except: pass
    gif['len'] = len(gif['frames'])
    return gif

def ratio(a,b):
    if b < a: d,c = a,b
    else: c,d = a,b
    if b == a: return 1,1
    for i in reversed(xrange(2,int(round(a / 2)))):
        if a % i == 0 and b % i == 0:
            a /= i
            b /= i
    return (int(a),int(b))

class App(Frame):
    def show(self,image=None,event=None):
        self.display.create_image((0,0),anchor=NW,image=image)   

    def animate(self,event=None):
        self.show(image=self.gif['frames'][self.gif['loc']])
        self.gif['loc'] += 1
        if self.gif['loc'] == self.gif['len']:
            self.gif['loc'] = 0
        if self.cont:
            threading.Timer((self.gif['delay'] / 1000),self.animate).start()

    def kill(self,event=None):
        self.cont = False
        sleep(0.1)
        self.quit()

    def __init__(self,master):
        Frame.__init__(self,master)
        self.grid(row=0,sticky=N+E+S+W)
        self.rowconfigure(1,weight=2)
        self.rowconfigure(3,weight=1)
        self.columnconfigure(0,weight=1)
        self.title = Label(self,text='No title')
        self.title.grid(row=0,sticky=E+W)
        self.display = Canvas(self)
        self.display.grid(row=1,sticky=N+E+S+W)
        self.user = Label(self,text='Posted by No Username')
        self.user.grid(row=2,sticky=E+W)
        self.comment = Text(self,height=4,width=40,state=DISABLED)
        self.comment.grid(row=3,sticky=N+E+S+W)
        self.cont = True
        self.gif = anim_gif('test.gif')
        self.animate()

        root.protocol("WM_DELETE_WINDOW",self.kill)


root = Tk()
root.rowconfigure(0,weight=1)
root.columnconfigure(0,weight=1)
app = App(root)
app.mainloop()

try: root.destroy()
except: pass

test.gif 是下面这个GIF图像:

这是可以正常使用的，但是GIF质量很差。我尝试将其更改为以下内容:

def anim_gif(name):
    ## Returns { 'frames', 'delay', 'loc', 'len' }
    im = Image.open(name)
    gif = { 'frames': [],
            'delay': 100,
            'loc' : 0,
            'len' : 0 }
    pics = []
    try:
        while True:
            gif['frames'].append(im.copy())
            im.seek(len(gif['frames']))
    except EOFError: pass

    try: gif['delay'] = im.info['duration']
    except: pass
    gif['len'] = len(gif['frames'])
    return gif

class App(Frame):
    def show(self,image=None,event=None):
        can_w = self.display['width']
        can_h = self.display['height']

        pic_w,pic_h = image.size
        rat_w,rat_h = ratio(pic_w,pic_h)

        while pic_w > int(can_w) or pic_h > int(can_h):
            pic_w -= rat_w
            pic_h -= rat_h

        resized = image.resize((pic_w,pic_h))
        resized = ImageTk.PhotoImage(resized)
        self.display.create_image((0,0),anchor=NW,image=resized)   

然而，有时会出现图片闪烁的情况。虽然图片看起来不错，但作为一个程序却没什么用处。我做错了什么吗？

- DoctorSelar

---

首先要做的是找出问题出在哪里。尝试在每次循环中将“temp”保存到一个新的.PNG文件中。它们已经损坏了吗？如果是这样，Tkinter与问题无关，这意味着您可以编写一个更小的SSCCE。 - abarnert

仔细查看了代码并为您执行了建议的测试后，问题完全出现在您的PIL代码中；试图修复Tkinter的东西是在错误的方向上追逐一只野鹅。 - abarnert

相关：使用tkinter播放动画GIF - unutbu

Answer 1

首先，您每帧都会创建一个新的画布对象。最终，您将会有成千上万张图像重叠在一起，这是非常低效的；当您开始拥有数千个对象时，画布部件会出现性能问题。

不要在画布上创建新的图像对象，而是使用画布的itemconfig方法重新配置现有对象。

其次，对于这样一个简单的任务，您不需要使用线程的复杂性。在tkinter中有一个众所周知的动画模式：绘制一个帧，然后让该函数在未来使用after调用自身。

类似于以下内容：

def animate(self):
    if self._image_id is None:
        self._image_id = self.display.create_image(...)
    else:
        self.itemconfig(self._image_id, image= the_new_image)
    self.display.after(self.gif["delay"], self.animate)

最后，除非有严格的理由使用画布，否则您可以通过使用标签(widget)小减复杂度。

- Bryan Oakley

Answer 2

你的问题与Tkinter无关。（就我所知，你可能在使用Tk时遇到了问题，但是在使用Tk之前，你的图像就已经出现了问题。） 我的测试方法是修改你的“anim_gif”函数，将帧作为单独的图像文件写出，通过将“for item in pics[1：]”循环更改为以下代码：

 for i, item in enumerate(pics[1:]):
    temp.paste(item)
    temp.save('temp{}.png'.format(i))
    gif['frames'].append(ImageTk.PhotoImage(temp.convert('RGBA')))

第一个文件temp0.png已经出现问题，没有调用任何与Tk有关的代码。

事实上，您甚至可以更轻松地测试同样的事情：

from PIL import Image
im = Image.open('test.gif')
temp = im.copy()
im.seek(1)
temp.paste(im.copy())
temp.save('test.png')

---

问题在于你将第一帧的像素粘贴到第零帧的像素上，但保留了第零帧的调色板。

有两种简单的解决方法。

首先，使用RGBA转换后的帧而不是调色板颜色的帧：

temp = pics[0].convert('RGBA')
gif['frames'] = [ImageTk.PhotoImage(temp)]
for item in pics[1:]:
    frame = item.convert('RGBA')
    temp.paste(frame)
    gif['frames'].append(ImageTk.PhotoImage(temp))

其次，不要使用复制和粘贴功能；只需将每个帧作为独立的图像复制即可：

gif['frames'] = [ImageTk.PhotoImage(frame.convert('RGBA')) for frame in pics]

- abarnert

---

谁给踩了一下，能解释一下为什么吗？这个解释了为什么原帖中的代码不能工作，以及如何修复它。当然，重新用更聪明的方式重写整个代码并巧妙地避免同样的错误也可以解决问题，但它并没有解释原帖作者做错了什么。 - abarnert