Tkinter и анимация

@Vinezus · Регистрация: 27.05.2019

Студворк — интернет-сервис помощи студентам

Привет народ, начал немного изучать tkinter, создавать canvas, кнопки, линии на холсте и всё подобное уже более-менее научился, затронул тему с выводом изображений.
Картинки выводить с помощью tkinter'а научился.
А допустим я создал анимацию с человечком который, ну допустим, махает рукой, получается формат gif, и я хочу вставить его в tkinter, чтобы именно выводилась анимация, а не первый кадр анимации.
А как это сделать? Слышал что можно сделать чтобы обновлялись кадры и тогда будет выводиться не просто изображение, а именно гиф анимация.
А то просто сделать

Python
1
2
image = PhotoImage(file='файл на компе')
canvas.create_image(0, 0, anchor=NW, image=image)

не получиться, будет выведен первый кадр всей гиф анимации, а нужно чтобы tkinter выводил всю гиф анимацию

@tooru · 24.06.2019, 23:52

Python
1
frames = [PhotoImage(file='файл.gif',format = 'gif -index %i' %(i)) for i in range(100)]

Вот так получаем список кадров в gif, а затем в цикле по таймеру выводим

@Vinezus · 25.06.2019, 11:55 **[ТС]**

tooru, Ну, ввёл что-то типа этого:

Python
1
2
3
4
5
6
from tkinter import *
tk = Tk()
canvas = Canvas(tk, width=500, height=462)
canvas.pack()
frames = [PhotoImage(file='D:\\мой файл.gif',format = 'gif -index %i' %(i)) for i in range(100)]
tk.mainloop()

Запускаю прогу, сначала ничего не происходит, и tkinter не открывается, а потом вылетает ошибка
В чём я тут накосячил?

@tooru · 25.06.2019, 12:55

Сообщение от Vladks

Запускаю прогу, сначала ничего не происходит, и tkinter не открывается, а потом вылетает ошибка

Насчет ошибки не знаю, но сама конструкция с переменной frame только загружает gif, его еще вывести на канвас надо

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
from tkinter import *
tk = Tk()
canvas = Canvas(tk, width=500, height=462)
canvas.pack()
frames = [PhotoImage(file='image.gif',format = 'gif -index %i' %(i)) for i in range(100)]
 
def anim():
    i = 0
    def next_shot():
        nonlocal i
        canvas.create_image(0, 0, anchor=NW, image=frames[i])
        i += 1
        tk.after(100, next_shot)
    return next_shot
 
anim()()
tk.mainloop()

@Vinezus · 25.06.2019, 13:23 **[ТС]**

tooru, Вот код который я ввожу:

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
from tkinter import *
 
tk = Tk()
canvas = Canvas(tk, width=500, height=462)
canvas.pack()
frames = [PhotoImage(file='D:\\Ene.gif', format='gif -index %i' % (i)) for i in range(100)]
 
 
def anim():
    i = 0
 
    def next_shot():
        nonlocal i
        canvas.create_image(0, 0, anchor=NW, image=frames[i])
        i += 1
        tk.after(100, next_shot)
 
    return next_shot
 
anim()()
tk.mainloop()

Сначала ничего не происходит, а потом вылетает ошибка и прога вырубается:

Bash
1
2
3
4
5
6
7
8
9
10
Traceback (most recent call last):
  File "C:/Users/Vladks/PycharmProjects/01/venv/Include/01 - version 1.5.py", line 6, in <module>
    frames = [PhotoImage(file='D:\\Ene.gif', format='gif -index %i' % (i)) for i in range(100)]
  File "C:/Users/Vladks/PycharmProjects/01/venv/Include/01 - version 1.5.py", line 6, in <listcomp>
    frames = [PhotoImage(file='D:\\Ene.gif', format='gif -index %i' % (i)) for i in range(100)]
  File "C:\Users\Vladks\AppData\Local\Programs\Python\Python36-32\lib\tkinter\__init__.py", line 3545, in __init__
    Image.__init__(self, 'photo', name, cnf, master, **kw)
  File "C:\Users\Vladks\AppData\Local\Programs\Python\Python36-32\lib\tkinter\__init__.py", line 3501, in __init__
    self.tk.call(('image', 'create', imgtype, name,) + options)
_tkinter.TclError: no image data for this index

Говорит нету данных изображения для индекса

@tooru · 25.06.2019, 13:29

Сообщение от Vladks

Говорит нету данных изображения для индекса

Ну так да, там же вписано 100 кадров, если в вашем gif меньше нужно изменить количество

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
from tkinter import *
tk = Tk()
canvas = Canvas(tk, width=500, height=462)
canvas.pack()
frames = [PhotoImage(file='image2.gif',format = 'gif -index %i' %(i)) for i in range(20)]
 
def anim():
    i = 0
    def next_shot():
        nonlocal i
        canvas.create_image(0, 0, anchor=NW, image=frames[i])
        i += 1
        if i >= 20:
            i = 0
        tk.after(100, next_shot)
    return next_shot
 
anim()()
tk.mainloop()

@Vinezus · 25.06.2019, 13:38 **[ТС]**

tooru, осталось разобраться, как узнать сколько кадров в гифке ._.

@tooru · 25.06.2019, 13:44

Сообщение от Vladks

как узнать сколько кадров в гифке

Я пользуюсь просмоторщиком InfranView, так в нем внизу экрана написано

@tooru · 25.06.2019, 13:53

Можно вообще не узнавать количество кадров

Python
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
from tkinter import *
tk = Tk()
canvas = Canvas(tk, width=500, height=462)
canvas.pack()
frames = []
for i in range(100):
    try:
        frames.append([PhotoImage(file='image2.gif',format = 'gif -index %i' %(i))])
    except:
        break
 
 
def anim():
    i = 0
    def next_shot():
        nonlocal i
        canvas.create_image(0, 0, anchor=NW, image=frames[i])
        i += 1
        if i == len(frames):
            i = 0
        tk.after(100, next_shot)
    return next_shot
 
anim()()
tk.mainloop()

@Vinezus · 25.06.2019, 14:01 **[ТС]**

tooru, показал, что 14 кадров, изменил в коде, теперь пишет следующую ошибку:

Bash
1
2
3
4
5
6
7
8
9
Exception in Tkinter callback
Traceback (most recent call last):
  File "C:\Users\Vladks\AppData\Local\Programs\Python\Python36-32\lib\tkinter\__init__.py", line 1705, in __call__
    return self.func(*args)
  File "C:\Users\Vladks\AppData\Local\Programs\Python\Python36-32\lib\tkinter\__init__.py", line 749, in callit
    func(*args)
  File "C:/Users/Vladks/PycharmProjects/01/venv/Include/01 - version 1.5.py", line 14, in next_shot
    canvas.create_image(0, 0, anchor=NW, image=frames[i])
IndexError: list index out of range

Однако окно tkinter запустилось, и гифка проигралась, но опять же смущает ошибка
А можно как-то сделать, чтобы гифка сразу открывалась, а то у меня после запуска срабатывает окно tkinter секунд через 10

@tooru · 25.06.2019, 14:13

Сообщение от Vladks

но опять же смущает ошибка

В сравнении число должно быть на 1 меньше количества кадров

Python
1
2
 if i > число_кадров - 1:
            i = 0

Сообщение от Vladks

а то у меня после запуска срабатывает окно tkinter секунд через 10

С этим сложно сказать что делать, как успевает загрузить gif, так и запускается, можно уменьшить размер gif как-нибудь и еще что-то сделать с картинкой

@Vinezus · 25.06.2019, 14:22 **[ТС]**

tooru, Ладно, спасибо и на этом, теперь хотя бы анимация работать будет, уже хоть что-то

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .

@Vinezus 9 / 8 / 2 Регистрация: 27.05.2019 Сообщений: 115
	25.06.2019, 13:38 [ТС]
	tooru, осталось разобраться, как узнать сколько кадров в гифке ._. 0

@Vinezus 9 / 8 / 2 Регистрация: 27.05.2019 Сообщений: 115
	25.06.2019, 14:22 [ТС]
	tooru, Ладно, спасибо и на этом, теперь хотя бы анимация работать будет, уже хоть что-то 0