Python(TkInter) 動作があるGIFアニメーションを表示したいですが 現在 停止画像として表示されてしまっています。

Question

self.lbimage = PhotoImage(file='images\taiko-bs.gif')
lb1 =Label(self,image=self.lbimage, relief="sunken", borderwidth=3)
lb1.pack(fill = BOTH, expand=True)

ラベルに採用していることがマズいのでしょうか？
それとも　PhotoImage関数？！を利用していることがまずのでしょうか？

【質問】
IEで確認すると動作しているGIFアニメーションを　TkInterのGUIフォーム上でも　動作させる採用方法を教えてください。

Answer 1

残念ながらアニメーションGIFの再生はサポートされてません。
タイマー(afterメソッド)を使い描画を更新する処理を実装する必要があります。

PhotoImage でフレームの読込はサポートされているので、
順番に更新してアニメーションのようにすることはできますが、
幾つか課題はあって

• 画像の背景色次第では、透過のような色抜けが発生する。
• アニメーション速度が所得出来ない。これは gif ファイルを読み込んで解析する必要があります。
• フレームの再利用等に対応できない。同上です。

より詳細に対応しようとすると、画像処理ライブラリのPIL(Pillow)を使い
アニメーション処理を自分で実装することになります。

色々と制限があるので、拘りがなければ
素直に tkinter 以外の GUI ライブラリを検討しても良いと思います。

---

PILを使わない簡易版: PhotoImage のオプションでGIFのフレーム読出

import tkinter as tk

root = tk.Tk()
photo = tkinter.PhotoImage(file="test.gif")
gif_index = 0

def next_frame():
    global gif_index
    try:
        # XXX: 次のフレームに移る
        photo.configure(format="gif -index {}".format(gif_index))

        gif_index += 1
    except tkinter.TclError:
        gif_index = 0
        return next_frame()
    else:
        root.after(100, next_frame) # XXX: アニメーション速度が固定

label = tkinter.Label(root, image=photo)
label.pack()

root.after_idle(next_frame)
root.mainloop()

問題点は:

• アニメーション速度が一定
• 色数の少なく、毎フレーム画像全体が書き換わるものしか扱えない (フレームが差分のみはx)

→ 最適化されているような形式のファイルは扱えません。

妥協案とするなら、
色数が少なく、アニメーション速度が一定で、毎フレーム画像全体が書き換わるような形式
のGIFなら、これで対応できます。(そのような形式のGIFファイルを準備すれば)

• 同アプローチなので同じ問題点を持ちますが、使いやすくクラスにまとめられた実装。
  AnimatedGIF

---

ここからは、敢えて tkinter で実装する場合

参考:
https://stackoverflow.com/questions/7960600/python-tkinter-display-animated-gif-using-pil

PILを使い im.info['duration'] を参照しているコードを参考にします。
2.7用のコードのようですが、import の Tkinter -> tkinter のみの変更で動きます。

但し、これも速度が一定なので途中で速度が変化するようなアニメーションには対応していません。
以下はその速度変化の対応パッチ。(あまり十分なテストはしてません)

--- test_pil_label.orig.py	2020-06-18 01:35:20.326016300 +0900
+++ test_pil_label.py	2020-06-18 01:38:28.341683900 +0900
@@ -1,25 +1,23 @@
-from Tkinter import * 
+from tkinter import * 
 from PIL import Image, ImageTk
 
 
 class MyLabel(Label):
     def __init__(self, master, filename):
         im = Image.open(filename)
-        seq =  []
+        seq = []
+        delays = []
         try:
             while 1:
                 seq.append(im.copy())
+                delays.append(im.info["duration"])
                 im.seek(len(seq)) # skip to next frame
         except EOFError:
             pass # we're done
 
-        try:
-            self.delay = im.info['duration']
-        except KeyError:
-            self.delay = 100
-
         first = seq[0].convert('RGBA')
         self.frames = [ImageTk.PhotoImage(first)]
+        self.delays = delays
 
         Label.__init__(self, master, image=self.frames[0])
 
@@ -31,14 +29,16 @@
 
         self.idx = 0
 
-        self.cancel = self.after(self.delay, self.play)
+        self.cancel = self.after(self.delays[0], self.play)
 
     def play(self):
-        self.config(image=self.frames[self.idx])
+        image = self.frames[self.idx]
+        delay = self.delays[self.idx]
+        self.config(image=image)
         self.idx += 1
         if self.idx == len(self.frames):
             self.idx = 0
-        self.cancel = self.after(self.delay, self.play)        
+        self.cancel = self.after(delay, self.play)        
 
 
 root = Tk()

---

追記: コードはtcl ですが、Pythonの配布物の中にtcl/tkのサンプルコードが有り
ラベルに animation gif を表示するデモがあります。実装は上の PIL を使わない方と同じ。

Comments

[saya24]

teamiklさん、ご丁寧な解説をありがとうございます。Pythonを始めたばかりの自分には難易度が高い話だったのですね～、すみません。
一先ず、簡易版から今試してみますね。まずはお礼まで

[saya24]

今しがたご紹介の簡易版まるっと貼り付け試しましたが十分じゃないですか～、大満足、感動しております！！！

丁寧にPILを利用したバージョンをご紹介頂いており非常に申し訳ないのですが、今回ひとまず簡易版で進めようと思います。
ご紹介頂きましたラベルに文字がスクロールされて表示されるサンプルは　大変魅力的ですね～。将来参考になるかも知れません。

現在開発中のものにうまく適用ができたら　当案件クローズさせて頂きます。（簡易版を適用する上で不明点が生じたら　引き続きご見解を仰ぐ可能性もございますので）

[saya24]

動作するGIFアニメーションの適用、無事にできました。
ありがとうございました。

贅沢にも　Yes・Noの確認ダイアログを表示させ、その回答次第でGIFアニメーションを切替えることを達成しようとする課題にチャレンジしておりますが、今度は　その課題に躓いております。
別の案件として　掲載させて頂きますが　差し支えなければ　引き続きご確認頂けたら幸いです

一連　ありがとうございました。

[teamikl]

他のGUIライブラリだと簡単だけど、tkinterでは～という事例ですね。

実写系のアニメーションはうまくいかない、
(いわゆるベタ塗りな)アニメ絵は比較的対応できる感じでした。

自分の試した限りでは、適当に検索して集めたGIFファイルだった為か、
うまく表示できない事のほうが多かったのですが、
最悪、簡易版でも、最適化なしのGIFファイルを作成することで、
そういった形式のファイルにも対応できそうです。(画像のファイルサイズは大きくなります)