To show animated gifs in gridview

Question

I have written the code to show animation for single image.Now I want to display the gif images in gridview to show that animated images.Is it possible and how to do that ?

score 1 · Accepted Answer · answered Mar 25 '13 at 06:12

i think it might help you.. this is a GifWebView demo.. please check it...

mylayout.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <LinearLayout
        android:id="@+id/toplayout"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >

    </LinearLayout>

</RelativeLayout>

MyLayout.java file

package com.test;

import android.app.Activity;
import android.os.Bundle;
import android.widget.LinearLayout;

public class MainActivity extends Activity
{
    LinearLayout toplayout;
    GifWebView view;

    @Override
    public void onCreate(Bundle savedInstanceState)
    {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.mylayout);

       toplayout = (LinearLayout)findViewById(R.id.toplayout);

       InputStream stream = null;
       try
       {
          stream = getAssets().open("ppp.gif");          
       } catch (IOException e) {
         e.printStackTrace();
       }

       view = new GifWebView(this, stream);
       toplayout.addView(view);       
    }
}

GifWebView.java file

package com.test;

import android.content.Context;
import java.io.InputStream;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Movie;
import android.os.SystemClock;
import android.view.View;

public class GifWebView extends View {
    private Movie mMovie;
    InputStream mStream;
    long mMoviestart;

    public GifWebView(Context context, InputStream stream) {
        super(context);
        mStream = stream;
        mMovie = Movie.decodeStream(mStream);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        canvas.drawColor(Color.TRANSPARENT);
        super.onDraw(canvas);
        final long now = SystemClock.uptimeMillis();

        if (mMoviestart == 0) {
            mMoviestart = now;
        }
        final int relTime = (int) ((now - mMoviestart) % mMovie.duration());
        mMovie.setTime(relTime);
        mMovie.draw(canvas, 10, 10);
        this.invalidate();
    }
}

Put any gif file in Assets directory and give appropriate name. in this demo name is ppp.gif.

Download from http://www.mediafire.com/?tk3fr5r6tri3v7x link and please vote and accept if it helps you. — Ajay, Mar 25 '13 at 07:53
Thanks its working but how to get multiple means different types of images instead of single image — user1758835, Mar 25 '13 at 08:29
you can pass array of gif in LazyAdapter and bind it with Linearlayout in getView() method. — Ajay, Mar 25 '13 at 08:53
@Ajay_Addon : yeah i tried later on and it works perfectly , but i have another issue with gif images, would you be interested to help ?? — Hussain Akhtar Wahid 'Ghouri', Sep 26 '13 at 10:35
@Ajay_Addon : i wanted to change the GIF image onclick , any suggestions ?? — Hussain Akhtar Wahid 'Ghouri', Sep 27 '13 at 08:36
@Hussain Akhtar Wahid : means if i click on any gif image then it is will change. right? — Ajay, Sep 27 '13 at 09:53
@Ajay_Addon : exactly , actually i need GIF images to change , on click event on a different image , but dont want to call another activity , i just want may be just the image src or something can be changed , like we dynamically change imge src — Hussain Akhtar Wahid 'Ghouri', Sep 27 '13 at 10:00

score 0 · Answer 2 · edited May 23 '17 at 12:15

0

I would try to use this view and simply add it to a GridView custom cell layout.

Essentially, the GifView in the layout should work.

edited May 23 '17 at 12:15

Community

1
1

answered Mar 25 '13 at 05:34

Kgrover

2,106
2
36
54

To show animated gifs in gridview

2 Answers2