Android studio gif imageview

Android ImageView that handles Animated GIF images

In your build.gradle file:

In your Activity class:

If you need to post-process the GIF frames, you can do that via GifImageView.setOnFrameAvailable() . You can see an example of that in the sample app included on the repository.

You can also reset an animation to play again from the beginning gifImageView.resetAnimation(); or show a specific frame of the animation gifImageView.gotoFrame(3) ;

Be sure to also check the demo project for a sample of usage!

Snapshots of the development version are available in Sonatype’s snapshots repository.

Check out the latest master to make sure the feature hasn’t been implemented or the bug hasn’t been fixed yet
Check out the issue tracker to make sure someone already hasn’t requested it and/or contributed it
Fork the project
Start a feature/bugfix branch
Commit and push until you are happy with your contribution
Make sure to add tests for it. This is important so I don’t break it in a future version unintentionally.

About

Android ImageView that handles animated GIF images

Источник

Добавление gif-изображения в ImageView в android

Я добавил анимированное изображение gif в imageView. Я не могу просмотреть его как gif-изображение. Никакой анимации там нет. Он появляется просто как неподвижное изображение. Я хотел бы знать, как я могу показать его как GIF-изображения.

16 ответов:

сначала скопируйте изображение GIF в папку активов вашего приложения создать следующие классы и вставьте код AnimationActivity: —

GifDecoder: —

GifDecoderView: —

GifMovieView: —

GifWebView: —

Я Думаю, Что Это Может Помочь Вам. 🙂

в свою сборку.gradle (модуль: приложение), добавить android-gif-drawable в качестве зависимости, добавив следующий код:

затем синхронизируйте проект. Когда синхронизация закончится, перейдите в файл макета и добавьте следующий код:

и это все, вы можете управлять им с помощью простого ImageView.

использовать VideoView.

изначально ImageView не поддерживает анимированное изображение. У вас есть два варианта, чтобы показать анимированный GIF файл

использовать VideoView
использовать ImageView и разделить файл gif на несколько частей, а затем применить анимацию к нему

показ GIF в Android

создать CustomGifView.java which extends View Class

теперь вызовите этот класс В вашем XML

Изменить AndroidManifest.xml для отключения hardwareAccelerated.

для функциональности анимации вы можете посетить

Я бы предложил вам использовать библиотеку Glide. Чтобы использовать Glide, вам нужно добавить это, чтобы добавить эти зависимости

в ваш файл grandle (модуль: приложение).

затем используйте эту строку кода, чтобы загрузить изображение gif

используйте webview в вашем xml-файле и отрегулируйте его положение до того места, где именно вы пытались показать вам .изображение GIF.
в вашей деятельности инициализировать этот небольшой кусок webview, как и другие представления.
место .gif изображение в папке активов
теперь загрузите изображение, как если бы вы загружаете url-адрес в webview, например «diyaWebView1.loadUrl («file: / / / android_asset/www / diya.gif»);»
вы можете увидеть ваши .гиф изображения, когда вы запускаете приложение.

P. S :это работает, если вы.gif-изображение подходит для вашего webview или наоборот, если изображение больше, чем webview, полоса прокрутки включается, и пользователь может прокручивать изображение AKA webview. Поэтому мы должны быть осторожны, когда мы используем это, чтобы дать правильный размер webview в соответствии с изображением или редактировать изображение, которое соответствует вашему webview.

используйте Webview для загрузки gif как

как @Ahmad сказал в комментарии, вы можете просто использовать следующий код для отображения gif!

просто поп этот код в методе onCreate, и вы хорошо идти! Кроме того, поместите свой gif внутри assets папка (если у вас нет папки активов, создать под src/main )

мы можем легко добавить анимированное изображение gif на imageview с помощью библиотеки Ion.

Это то, что сработало для меня:

в свою сборку.gradle (project) напишите mavenCentral () в buildscript<> и allprojects <>. Это должно выглядеть так:

затем, в build.gradle (модуль) добавить в зависимости<> этот фрагмент:

compile ‘ pl.дроидсоноиды.gif: android-gif-drawable: 1.2.4’

это должно выглядеть так:

положить .рисунок в вашей папке рисунков. Теперь перейдите в приложение > res > макет > activity_main.xml и добавьте это обрезанное для вашего .gif:

надеюсь, что это помогает.

мы должны использовать gifImageView.setLayerType(View.LAYER_TYPE_SOFTWARE, null); как когда аппаратное ускорение включено, изображение GIF не работает на этом устройстве. Аппаратное ускорение включено на устройствах выше(4.икс.)

вы можете отобразить любое изображение gif через библиотеку фреска на Facebook:

Сначала добавьте зависимость в module:app построить.gradle file

затем, в формате файла

Gif также может отображаться в веб-представлении с несколькими строками кода и без каких-либо сторонних библиотек. Таким образом, вы даже можете загрузить gif с вашей SD-карты. Нет необходимости копировать изображения в папку активов.

использование может открыть файл gif с SD-карты не только из папки активов, как показано во многих примерах.

Источник

Maven Gang

Web design trends, technologies, tutorials and more.

How to Play Animated GIFs in Android

Gif pictures are assuming enormous part in little picture movements. Unfortunately android doesn’t support the Gif animation in ImageView. Displaying an animated Gif in android is not a tedious process. This tutorial will give you an idea about how to display an animated Gif image in android.

Create a project in Android Studio.

Create a class GifImageView.java extends View

activity_main.xml

AndroidManifest.xml

Never forget to add the below line in your under AndroidManifest.xml otherwise the program will crash down.

You can set the GIf image either by using the following methods setGifImageResource() and setGifImageUri()

or by using background in the layout xml

Finally the result is

Download

Reference

Other useful links

« Paper Fold Effect Using Pure CSS

Delete files older than X days »

27 thoughts on “ How to Play Animated GIFs in Android ”

Issa ndoye mbengue

January 5, 2017 at 8:18 am

Work well. Thank’s !

David

January 12, 2017 at 3:21 am

It works when the gif is in resource/drawable, but if I start with an empty GifImageView and load it from a Uri (pointing to a local file on the virtual device), nothing displays.
HOWEVER, if I do both, then it draws the new gif inside the space of the one in resource/drawable.

Maybe the empty GifImageView has 0 dimensions (although not according to canvas.getWidth/getHeight), and doesn’t resize appropriately when the datasource changes?

I feel like my misunderstanding is of the behavior of the View class. Any thoughts?

P.S. The Uri is obtained from a file on the virtual device as described in https://developer.android.com/guide/topics/providers/document-provider.html.

David

January 12, 2017 at 8:30 am

Figured it out. The function init() needs a requestLayout() call if you change the gif dynamically, especially to one with different dimensions.

Jijith Janardanan

January 28, 2017 at 9:11 am

Hi David,
Thank you for your valuable suggestion.
Now I added one more function setGifImageUri(), it can be used to set Gif image from an Uri.

Marco

January 29, 2017 at 2:56 pm

Hi !
It could be awesome to show gif from assets too !

public void setGifImageFromAssets(String fileName)
<
AssetManager am = getContext().getAssets();
try
<
mInputStream = am.open(fileName);
init();
>
catch (Exception ex)
<
Log.d(“Error”,ex.getMessage());
>
>

vishnu

January 31, 2017 at 6:56 am

hi,
awesome work it helped me a lot

January 31, 2017 at 7:00 am

Good Work, Worked for me. Thank You

March 7, 2017 at 5:12 am

Hi Jijith Janardanan
Can I use media controller or animation control on GifImageView ?
I’m newbie , sorry for bad English

Durga

April 12, 2017 at 7:23 pm

Hi, how to set gifview width and height to match parent

Richard

April 20, 2017 at 2:33 pm

please how do i stop the gif from playing

khaled M.

May 2, 2017 at 1:23 pm

It worked. Thanks a lot.

May 8, 2017 at 5:46 pm

Thank you! No unnecessary libraries 😉

Shiv kumar yadav

May 19, 2017 at 9:17 am

How to set image in full screen?

July 3, 2017 at 4:56 am

For this you’ll have to set background image in relativelayout in xml file

Melvin

May 29, 2017 at 11:54 am

Thank you Very much …

Harsh

May 31, 2017 at 10:13 am

this is not working on Samsung devices

Thirupathi Mukkera

July 1, 2017 at 6:19 am

Hi Jijith,
I want to give onTouch action to the GifImageview, how can I give.
I gave onTouchlistener to the gifimageview. but i didn’t work. We have to give scaleType = “matrix”.
How to customize to give onTouch action

July 3, 2017 at 3:58 pm

I used the following code and the gif works fine but sometimes when i restart the activity with the gif the background of layout turns black although i have set it to white. This happens randomly and not after particular operation sequence which makes it hard to debug. I have found out that this is due to memory leak problem with gifImageView bit I haven’t had any success resolving it. Please help.

Raju Pulidindi

July 27, 2017 at 5:12 pm

Hello Janardanan, Thank you very much for this excellent solution to use ‘gif files’. I am beginner to the android development. I am going use this code after I fully understand… I would like to know, if I can send you any android studio related questions in future. Please let me know.

Jijith Janardanan

July 27, 2017 at 6:42 pm

Sure you can ask me the questions related to Android.

RAJU PULIDINDI

July 27, 2017 at 10:27 pm

Hello Janardanan, I have used the code exactly the way you have provided. I am getting this message – Unfortunately Raju-GifView has stopped.
Sending you the first few lines of ‘logcat’. Any help you give is greatly appreciated:

– 07-27 22:23:05.816 2066-2066/? D/dalvikvm: Late-enabling CheckJNI
07-27 22:23:05.936 2066-2066/com.rajupulidindi.raju_gifview I/dalvikvm: Could not find method android.view.Window$Callback.onProvideKeyboardShortcuts, referenced from method android.support.v7.view.WindowCallbackWrapper.onProvideKeyboardShortcuts
07-27 22:23:05.936 2066-2066/com.rajupulidindi.raju_gifview W/dalvikvm: VFY: unable to resolve interface method 17006: Landroid/view/Window$Callback;.onProvideKeyboardShortcuts (Ljava/util/List;Landroid/view/Menu;I)V
07-27 22:23:05.936 2066-2066/com.rajupulidindi.raju_gifview D/dalvikvm: VFY: replacing opcode 0x72 at 0x0002
07-27 22:23:05.940 2066-2066/com.rajupulidindi.raju_gifview W/dalvikvm: VFY: unable to find class referenced in signature (Landroid/view/SearchEvent;)
07-27 22:23:05.940 2066-2066/com.rajupulidindi.raju_gifview I/dalvikvm: Could not find method android.view.Window$Callback.onSearchRequested, referenced from method android.support.v7.view.WindowCallbackWrapper.onSearchRequested
07-27 22:23:05.940 2066-2066/com.rajupulidindi.raju_gifview W/dalvikvm: VFY: unable to resolve interface method 17008: Landroid/view/Window$Callback;.onSearchRequested (Landroid/view/SearchEvent;)Z
07-27 22:23:05.940 2066-2066/com.rajupulidindi.raju_gifview D/dalvikvm: VFY: replacing opcode 0x72 at 0x0002
07-27 22:23:05.940 2066-2066/com.rajupulidindi.raju_gifview I/dalvikvm: Could not find method android.view.Window$Callback.onWindowStartingActionMode, referenced from method android.support.v7.view.WindowCallbackWrapper.onWindowStartingActionMode
07-27 22:23:05.940 2066-2066/com.rajupulidindi.raju_gifview W/dalvikvm: VFY: unable to resolve interface method 17012: Landroid/view/Window$Callback;.onWindowStartingActionMode (Landroid/view/ActionMode$Callback;I)Landroid/view/ActionMode;
07-27 22:23:05.952 2066-2066/com.rajupulidindi.raju_gifview D/dalvikvm: VFY: replacing opcode 0x72 at 0x0002

Shashi

August 1, 2017 at 3:04 am

Very nice tutorial! Thanks a lot.

Can you please tell me how can I stop the gif to play once it has played one round. I don’t want it to be played recursively.

Thanks & Regards,
Shashi

Whatever

August 28, 2017 at 12:03 am

This code is useless… Crashes my app and even after I removed it my app doesn’t work at all… I regret using your codes, seriously.

Jijith Janardanan

August 28, 2017 at 12:52 pm

A bad worker always blame on his tools.“I removed it my app doesn’t work at all” this implies that you are not a good developer. Please learn android development.

Vu Thai Duy

September 16, 2017 at 3:59 am

I think we should not turn off hardware acceleration for whole activity or application,. Just turn it off for only custom gif image view by using “setLayerType(View.LAYER_TYPE_SOFTWARE, null);”
To specify: place above code on init method of GifImageView class

Fábio Monteiro

February 5, 2018 at 4:14 pm

How do I set the width and height? I tried to set the RelativeLayout width with match_parent and a height about 40dp, and inside this layout I put a width with match parent and height with match parent. The size of my gif is 140w and 40h , but I cant resize the gif or set a new with or height. Could you help me?

Источник

Android studio gif imageview

Анимированный GIF

Movie

Дополнительное чтение