Play, Stop, Pause, Resume, Reverse для Gif анимации на кнопке или в других объектах

@Yury Komar · Регистрация: 27.01.2014

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

Собственно в теме все указано. Не подскажете как это реализовать? Хочу сделать красивый анимированный интерфейс на основе Gif анимации.

@Nachrichter · 11.01.2015, 09:26

Yury Komar, "воспроизвести" кадры .gif в таймере не вариант?

@Yury Komar · 11.01.2015, 10:09 **[ТС]**

Nachrichter, так это мне и интересно. Нужно в любой нужный мне момент начать воспроизвеление. Остановить. Продолжить с места остановки. И неплохо еще иметт возможность их проиграть в обратном порядке. То что это крутить в таймере - само собой...
но как это делать?
очень буду признателее ща помощь.

Добавлено через 2 минуты
Например есть гифка для кнопки с изображением книжки. На нее наводишь она открывается и останавливается. Отводишь - в обратном порядке закрывается и в таком духе.

@Nachrichter · 11.01.2015, 10:36

Yury Komar, вот, как-то делал воспроизведение .gif в PictureBox'e:

VB.NET    
        
    Скопировано
1
2
3
4
Imports System.Drawing.Imaging
 
Dim gifImage As Image = Image.FromFile("C:\1.gif")
Dim Index As Integer = 0

в таймер:

VB.NET    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
gifImage.SelectActiveFrame(New FrameDimension(gifImage.FrameDimensionsList(0)), Index)
picturebox1.Image = gifImage
Index = Index + 1
If Index = gifImage.GetFrameCount(New FrameDimension(gifImage.FrameDimensionsList(0))) Then
   Index = 0
End If

может, получится под Ваши задачи доработать.

@Yury Komar · 11.01.2015, 10:55 **[ТС]**

Nachrichter, оу. Спасибо огромное.самое тут главнре это возможность вытянуть конретный фрэйм. Думаю то что надо.
еще раз спасибо. Варучили

Добавлено через 3 минуты
Nachrichter, так как кол во фрэймов мне известно и места остановок тоже. То этот пример будет в самый раз по мне...
но было б не плохо еще уметь управлять уже загпуженным изображением. Хотя наверное это решаемо загпузкой в пепеменную gifImage не файла а изоьрадение с кнопки иои формы?

@Nachrichter · 11.01.2015, 11:07

Сообщение от Yury Komar

это решаемо загрузкой в переменную gifImage не файла а изображения с кнопки или формы

Надо пробовать.

@Yury Komar · 11.01.2015, 13:22 **[ТС]**

Nachrichter, ок. Отпишусь потом. Но в теории должно.

Памирыч · 11.01.2015, 13:48

Имхо, картинка будет анимироваться и без таймера.

VB.NET    
        
    Скопировано
1
picturebox1.Image = gifImage

Тут мы просто посылаем гиф в PictureBox.

@Yury Komar · 11.01.2015, 18:52 **[ТС]**

Памирыч, тут важна еще остановка проигрывания в нужный момент. Проигрывание в обратном порядке. Сброс, пауза и тд.

@Yury Komar · 11.01.2015, 18:56 **[ТС]**

Nachrichter, Памирыч, получилось...
еще раз спасибо Nachrichter за наводку...
готовый проект прилепил в пост.
P.S. мне было еще очень важно чтобы анимация не проигрывалась самопроизвольно. Контроль нужен был, для этого использую свойство BackgroundImage, оно не воспроизводит GIF.

@Yury Komar · 11.01.2015, 19:03 **[ТС]**

Памирыч, у пикчура я нашел баг небольшой... если в негоивтавлена Гифка, все вроде шевелится. Но стоит вашей форме уйти на задний план, плюс стороннее окно развернуть на весь экран - анимация останавливается и не продолжается, пока программно в пукчур бокс не перегрущишь файл заново... а мой вариант решает эту проблему, так как имеется контроль показа фрэймов анимации по его порялковому номеру.

@Nachrichter · 11.01.2015, 20:43

Yury Komar, отлично получилось!

Надо бы в раздел исходников этот проект добавить.

@Yury Komar · 11.01.2015, 20:59 **[ТС]**

Nachrichter, спасибо, но рано. Я его чуть доработаю потом. Хотя что там дорабатывать... добавить бегунок выбора нужного фрэйма, да отдельную кнопочку для выбора направления проигрывания "вперед/назад" чтоб понятнее был код... хотя, думаю этого достаточно и так

@Qwertiy · 12.01.2015, 18:58

Эх.. Вот если бы из самой гифки интервалы между кадрами брать... Тем более, они разные могут быть.

@MrCrown · 13.01.2015, 00:36

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

самой гифки интервалы между кадрами брать

Средствами VB NET в метаданных гифки определяется два свойства под номерами 20736 и 20737. Но они закодированы в виде массивов байтов. Возможно, это и есть интервалы и количество фреймов. Как их правильно декодировать, думаю, надо смотреть спецификации по GIF.
Как получить метаданные.

@Юпатов Дмитрий · 13.01.2015, 19:25

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

два свойства под номерами 20736 и 20737. Но они закодированы в виде массивов байтов. Возможно, это и есть интервалы и количество фреймов. Как их правильно декодировать, думаю, надо смотреть спецификации по GIF.

Можно попробовать определить, что это такое:
http://msdn.microsoft.com/ru-r... .110).aspx
http://msdn.microsoft.com/ru-r... 34416.aspx - вот тут по поиску на странице "GIF" получим 5 свойств, начиная с PropertyTagFrameDelay ... короче, что-то похожее, т.к. связано и с временем.

Не может быть так, что эти метаданные к каждому кадру имеются, а не к анимации в целом?

@Qwertiy · 13.01.2015, 23:45

Сообщение от Юпатов Дмитрий

Не может быть так, что эти метаданные к каждому кадру имеются, а не к анимации в целом?

Скорее всего так. Я помню, что в gimp'е для анимированных гифок задержка писалась в скобках у имён слоёв. Т. е. задержка может быть разной для разных кадров.

@Юпатов Дмитрий · 14.01.2015, 09:11

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

задержка может быть разной для разных кадров

ну это да. Проверил в ArtCursors - там можно время для каждого слайда назначить индивидуально.

@Yury Komar · 15.01.2015, 19:45 **[ТС]**

Вобщем ответ на свой вопрос я нашел и реализовал. Финальный пример во вложении. В нем именно то что я хотел сделать в своей программе. А именно при наводе мышкой на кнопку или другй элемент с картинкой, красиво и плавно проигрывалась какая то анимация, например раскрытие книжки или открытие крышки у корзины(кнопка удаления) затем при отводе мышки с нее, так же красиво и плавно закрывалась в обратном порядке... конечно можно было сделать два изображения и вызывать их соответственно, но а если книга еще не успела раскрыться и вы вдруг мышку убрали. Она б резко появлялась уже открытой и начала закрываться.
вобщем в примере все понятно. Плюс подумал что можно использовать GIF файл как контейнер для изображений, с возможность менять интерфейс, выбрав нужный, заранее скомпонованный файл, при том что размеры фрэймов могут быть разными...

Добавлено через 48 секунд
Юпатов Дмитрий, мне кажется что всетаки какое то свойство за задержку отвечает

Добавлено через 27 минут
Блин. Косяк. Не получает прикрепить файл

((

@Yury Komar · 15.01.2015, 21:47 **[ТС]**

Урааа. Свершилось чудо. Я его прикрепил )))

Новые блоги и статьи Все статьи Все блоги /
Результаты исследования от команды MCM (март 2025 г.) Programma_Boinc 07.04.2025 Результаты исследования от команды MCM (март 2025 г. ) В рамках наших текущих исследований мы продолжаем изучать гены, которые имеют наибольшую вероятность развития рака легких, выявленные в рамках. . .	Рекурсивные типы в Python py-thonny 07.04.2025 Рекурсивные типы - это типы данных, которые определяются через самих себя или в сочетании с другими типами, которые в свою очередь ссылаются на исходный тип. В мире программирования такие структуры. . .	C++26: Объединение и конкатенация последовательностей и диапазонов в std::ranges NullReferenced 07.04.2025 Работа с последовательностями данных – одна из фундаментальных задач, с которой сталкивается каждый разработчик. C++ прошел длинный путь в эволюции средств для манипуляции коллекциями – от. . .	Обмен данными в микросервисной архитектуре ArchitectMsa 06.04.2025 Когда разработчики начинают погружаться в мир микросервисов, они часто сталкиваются с парадоксальным правилом: "два сервиса не должны делить один источник данных". Эта мантра звучит повсюду в. . .	PostgreSQL в Kubernetes: Автоматизация обслуживания с CNPG Mr. Docker 06.04.2025 Администраторы баз данных сталкиваются с целым рядом проблем при обслуживании PostgreSQL в Kubernetes: как обеспечить правильную репликацию данных, как настроить автоматическое переключение при. . .
Async/await в TypeScript run.dev 06.04.2025 Асинхронное программирование — это подход к разработке программного обеспечения, при котором операции выполняются независимо друг от друга. В отличие от синхронного выполнения, где каждая последующая. . .	Многопоточность в C#: Синхронизация потоков UnmanagedCoder 06.04.2025 Многопоточное программирование стало неотъемлемой частью разработки современных приложений на C#. С появлением многоядерных процессоров возможность выполнять несколько задач параллельно значительно. . .	TypeScript: Классы и конструкторы run.dev 06.04.2025 TypeScript, как статически типизированный язык, построенный на основе JavaScript, привнес в веб-разработку новый уровень надежности и структурированности кода. Одним из важнейших элементов этой. . .	Многопоточное программирование: Rust против C++ golander 06.04.2025 C++ существует уже несколько десятилетий и его поддержка параллелизма постепенно наращивалась со временем. Начиная с C++11, язык получил стандартную библиотеку для работы с потоками, а в последующих. . .	std::vector в C++: от основ к оптимизации производительности NullReferenced 05.04.2025 Для многих программистов знакомство с std::vector происходит на ранних этапах изучения языка, но между базовым пониманием и подлинным мастерством лежит огромная дистанция. Контейнер std::vector. . .

Play, Stop, Pause, Resume, Reverse для Gif анимации на кнопке или в других объектах

Решение

Решение

Решение

@Yury Komar Модератор 4323 / 3397 / 507 Регистрация: 27.01.2014 Сообщений: 6,197

	Play, Stop, Pause, Resume, Reverse для Gif анимации на кнопке или в других объектах 11.01.2015, 03:00. Показов 6771. Ответов 36 Метки нет (Все метки) Собственно в теме все указано. Не подскажете как это реализовать? Хочу сделать красивый анимированный интерфейс на основе Gif анимации. 0

@Nachrichter 649 / 601 / 92 Регистрация: 19.03.2012 Сообщений: 1,128
	11.01.2015, 09:26
	Yury Komar, "воспроизвести" кадры .gif в таймере не вариант? 0

@Yury Komar Модератор 4323 / 3397 / 507 Регистрация: 27.01.2014 Сообщений: 6,197
	11.01.2015, 10:09 [ТС]
	Nachrichter, так это мне и интересно. Нужно в любой нужный мне момент начать воспроизвеление. Остановить. Продолжить с места остановки. И неплохо еще иметт возможность их проиграть в обратном порядке. То что это крутить в таймере - само собой... но как это делать? очень буду признателее ща помощь. Добавлено через 2 минуты Например есть гифка для кнопки с изображением книжки. На нее наводишь она открывается и останавливается. Отводишь - в обратном порядке закрывается и в таком духе. 0

@Yury Komar Модератор 4323 / 3397 / 507 Регистрация: 27.01.2014 Сообщений: 6,197
	11.01.2015, 10:55 [ТС]
	Nachrichter, оу. Спасибо огромное.самое тут главнре это возможность вытянуть конретный фрэйм. Думаю то что надо. еще раз спасибо. Варучили Добавлено через 3 минуты Nachrichter, так как кол во фрэймов мне известно и места остановок тоже. То этот пример будет в самый раз по мне... но было б не плохо еще уметь управлять уже загпуженным изображением. Хотя наверное это решаемо загпузкой в пепеменную gifImage не файла а изоьрадение с кнопки иои формы? 0

@Nachrichter 649 / 601 / 92 Регистрация: 19.03.2012 Сообщений: 1,128
	11.01.2015, 11:07
	Сообщение от Yury Komar это решаемо загрузкой в переменную gifImage не файла а изображения с кнопки или формы Надо пробовать. 0

@Yury Komar Модератор 4323 / 3397 / 507 Регистрация: 27.01.2014 Сообщений: 6,197
	11.01.2015, 13:22 [ТС]
	Nachrichter, ок. Отпишусь потом. Но в теории должно. 0

@Yury Komar Модератор 4323 / 3397 / 507 Регистрация: 27.01.2014 Сообщений: 6,197
	11.01.2015, 18:52 [ТС]
	Памирыч, тут важна еще остановка проигрывания в нужный момент. Проигрывание в обратном порядке. Сброс, пауза и тд. 0

@Yury Komar Модератор 4323 / 3397 / 507 Регистрация: 27.01.2014 Сообщений: 6,197
	11.01.2015, 19:03 [ТС]
	Памирыч, у пикчура я нашел баг небольшой... если в негоивтавлена Гифка, все вроде шевелится. Но стоит вашей форме уйти на задний план, плюс стороннее окно развернуть на весь экран - анимация останавливается и не продолжается, пока программно в пукчур бокс не перегрущишь файл заново... а мой вариант решает эту проблему, так как имеется контроль показа фрэймов анимации по его порялковому номеру. 0

@Nachrichter 649 / 601 / 92 Регистрация: 19.03.2012 Сообщений: 1,128
	11.01.2015, 20:43
	Yury Komar, отлично получилось! Надо бы в раздел исходников этот проект добавить. 1

@Yury Komar Модератор 4323 / 3397 / 507 Регистрация: 27.01.2014 Сообщений: 6,197
	11.01.2015, 20:59 [ТС]
	Nachrichter, спасибо, но рано. Я его чуть доработаю потом. Хотя что там дорабатывать... добавить бегунок выбора нужного фрэйма, да отдельную кнопочку для выбора направления проигрывания "вперед/назад" чтоб понятнее был код... хотя, думаю этого достаточно и так 0

@Qwertiy 835 / 643 / 101 Регистрация: 20.08.2013 Сообщений: 2,524
	12.01.2015, 18:58
	Эх.. Вот если бы из самой гифки интервалы между кадрами брать... Тем более, они разные могут быть. 0

@MrCrown 1544 / 1507 / 324 Регистрация: 03.10.2012 Сообщений: 1,542
	13.01.2015, 00:36
	Сообщение от Qwertiy самой гифки интервалы между кадрами брать Средствами VB NET в метаданных гифки определяется два свойства под номерами 20736 и 20737. Но они закодированы в виде массивов байтов. Возможно, это и есть интервалы и количество фреймов. Как их правильно декодировать, думаю, надо смотреть спецификации по GIF. Как получить метаданные. 0

@Юпатов Дмитрий 1719 / 1206 / 228 Регистрация: 23.12.2010 Сообщений: 1,544
	13.01.2015, 19:25
	Сообщение от MrCrown два свойства под номерами 20736 и 20737. Но они закодированы в виде массивов байтов. Возможно, это и есть интервалы и количество фреймов. Как их правильно декодировать, думаю, надо смотреть спецификации по GIF. Можно попробовать определить, что это такое: http://msdn.microsoft.com/ru-r... .110).aspx http://msdn.microsoft.com/ru-r... 34416.aspx - вот тут по поиску на странице "GIF" получим 5 свойств, начиная с PropertyTagFrameDelay ... короче, что-то похожее, т.к. связано и с временем. Не может быть так, что эти метаданные к каждому кадру имеются, а не к анимации в целом? 0

@Qwertiy 835 / 643 / 101 Регистрация: 20.08.2013 Сообщений: 2,524
	13.01.2015, 23:45
	Сообщение от Юпатов Дмитрий Не может быть так, что эти метаданные к каждому кадру имеются, а не к анимации в целом? Скорее всего так. Я помню, что в gimp'е для анимированных гифок задержка писалась в скобках у имён слоёв. Т. е. задержка может быть разной для разных кадров. 0

@Юпатов Дмитрий 1719 / 1206 / 228 Регистрация: 23.12.2010 Сообщений: 1,544
	14.01.2015, 09:11
	Сообщение от Qwertiy задержка может быть разной для разных кадров ну это да. Проверил в ArtCursors - там можно время для каждого слайда назначить индивидуально. 0

@Yury Komar Модератор 4323 / 3397 / 507 Регистрация: 27.01.2014 Сообщений: 6,197
	15.01.2015, 19:45 [ТС]
	Вобщем ответ на свой вопрос я нашел и реализовал. Финальный пример во вложении. В нем именно то что я хотел сделать в своей программе. А именно при наводе мышкой на кнопку или другй элемент с картинкой, красиво и плавно проигрывалась какая то анимация, например раскрытие книжки или открытие крышки у корзины(кнопка удаления) затем при отводе мышки с нее, так же красиво и плавно закрывалась в обратном порядке... конечно можно было сделать два изображения и вызывать их соответственно, но а если книга еще не успела раскрыться и вы вдруг мышку убрали. Она б резко появлялась уже открытой и начала закрываться. вобщем в примере все понятно. Плюс подумал что можно использовать GIF файл как контейнер для изображений, с возможность менять интерфейс, выбрав нужный, заранее скомпонованный файл, при том что размеры фрэймов могут быть разными... Добавлено через 48 секунд Юпатов Дмитрий, мне кажется что всетаки какое то свойство за задержку отвечает Добавлено через 27 минут Блин. Косяк. Не получает прикрепить файл (( 0