অ্যান্ড্রয়েডে একটি চিত্র ভিউতে gif চিত্র যুক্ত করা


135

আমি একটি চিত্র ভিউতে একটি অ্যানিমেটেড জিএফ চিত্র যুক্ত করেছি। আমি এটিকে জিআইএফ চিত্র হিসাবে দেখতে সক্ষম নই। কোনও অ্যানিমেশন নেই। এটি কেবল স্থির চিত্র হিসাবে প্রদর্শিত হচ্ছে। আমি কীভাবে এটি একটি জিআইএফ চিত্র হিসাবে দেখাতে পারি তা জানতে চাই।


1
দয়া করে নীচের লিঙ্কটি চেক করুন আপনার জন্য উপকারী হতে পারে stackoverflow.com/questions/3660209/… স্ট্যাকওভারফ্লো. com
নিখিল

এই লিঙ্কটি এর সহজ / ব্যবহার করা সহজ এবং সেরা ব্যবহার করুন। http://abhinavasblog.blogspot.com/2014/04/animated-gif-imageview-library-for.html
মুহাম্মদ আমির আলী

যদি আপনি ঠিক imageview মধ্যে GIF ইমেজ যোগ করার জন্য শুধুমাত্র ব্যবহার তুলনায় WebView নেই চান আমার জন্য এই তার কাজ জরিমানা stackoverflow.com/a/29488519/3514144
অজয় পান্ড্য

এখানে আপনার প্রশ্নের উত্তর লিঙ্কটি স্ট্যাকওভারফ্লো.com
ভেঙ্কটেশ সোমু

উত্তর:


79

প্রথমে আপনার অ্যাপ্লিকেশনটির সম্পদ ফোল্ডারে আপনার জিআইএফ চিত্রটি অনুলিপি করুন নিম্নলিখিত ক্লাস তৈরি করুন এবং অ্যানিমেশনঅ্যাক্টিভিটি কোডটি পেস্ট করুন : -

public class AnimationActivity extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    InputStream stream = null;
    try {
        stream = getAssets().open("piggy.gif");
    } catch (IOException e) {
        e.printStackTrace();
    }
          GifWebView view = new GifWebView(this, "file:///android_asset    /piggy.gif");                 

    setContentView(view);
}
}

GifDecoder: -

public class GifDecoder {

    public static final int STATUS_OK = 0;

    public static final int STATUS_FORMAT_ERROR = 1;

    public static final int STATUS_OPEN_ERROR = 2;

    protected static final int MAX_STACK_SIZE = 4096;
    protected InputStream in;
    protected int status;
    protected int width; // full image width
    protected int height; // full image height
    protected boolean gctFlag; // global color table used
    protected int gctSize; // size of global color table
    protected int loopCount = 1; // iterations; 0 = repeat forever
    protected int[] gct; // global color table
    protected int[] lct; // local color table
    protected int[] act; // active color table
    protected int bgIndex; // background color index
    protected int bgColor; // background color
    protected int lastBgColor; // previous bg color
    protected int pixelAspect; // pixel aspect ratio
    protected boolean lctFlag; // local color table flag
    protected boolean interlace; // interlace flag
    protected int lctSize; // local color table size
    protected int ix, iy, iw, ih; // current image rectangle
    protected int lrx, lry, lrw, lrh;
    protected Bitmap image; // current frame
    protected Bitmap lastBitmap; // previous frame
    protected byte[] block = new byte[256]; // current data block
    protected int blockSize = 0; // block size last graphic control extension info
    protected int dispose = 0; // 0=no action; 1=leave in place; 2=restore to bg; 3=restore to prev
    protected int lastDispose = 0;
    protected boolean transparency = false; // use transparent color
    protected int delay = 0; // delay in milliseconds
    protected int transIndex; // transparent color index
    // LZW decoder working arrays
    protected short[] prefix;
    protected byte[] suffix;
    protected byte[] pixelStack;
    protected byte[] pixels;
    protected Vector<GifFrame> frames; // frames read from current file
    protected int frameCount;

    private static class GifFrame {
            public GifFrame(Bitmap im, int del) {
                    image = im;
                    delay = del;
            }

            public Bitmap image;
            public int delay;
    }


    public int getDelay(int n) {
            delay = -1;
            if ((n >= 0) && (n < frameCount)) {
                    delay = frames.elementAt(n).delay;
            }
            return delay;
    }


    public int getFrameCount() {
            return frameCount;
    }


    public Bitmap getBitmap() {
            return getFrame(0);
    }


    public int getLoopCount() {
            return loopCount;
    }
    protected void setPixels() {

            int[] dest = new int[width * height];

            if (lastDispose > 0) {
                    if (lastDispose == 3) {
                            // use image before last
                            int n = frameCount - 2;
                            if (n > 0) {
                                    lastBitmap = getFrame(n - 1);
                            } else {
                                    lastBitmap = null;
                            }
                    }
                    if (lastBitmap != null) {
                            lastBitmap.getPixels(dest, 0, width, 0, 0, width, height);
                            if (lastDispose == 2) {
                                    // fill last image rect area with background color
                                    int c = 0;
                                    if (!transparency) {
                                            c = lastBgColor;
                                    }
                                    for (int i = 0; i < lrh; i++) {
                                            int n1 = (lry + i) * width + lrx;
                                            int n2 = n1 + lrw;
                                            for (int k = n1; k < n2; k++) {
                                                    dest[k] = c;
                                            }
                                    }
                            }
                    }
            }
            int pass = 1;
            int inc = 8;
            int iline = 0;
            for (int i = 0; i < ih; i++) {
                    int line = i;
                    if (interlace) {
                            if (iline >= ih) {
                                    pass++;
                                    switch (pass) {
                                    case 2:
                                            iline = 4;
                                            break;
                                    case 3:
                                            iline = 2;
                                            inc = 4;
                                            break;
                                    case 4:
                                            iline = 1;
                                            inc = 2;
                                            break;
                                    default:
                                            break;
                                    }
                            }
                            line = iline;
                            iline += inc;
                    }
                    line += iy;
                    if (line < height) {
                            int k = line * width;
                            int dx = k + ix; // start of line in dest
                            int dlim = dx + iw; // end of dest line
                            if ((k + width) < dlim) {
                                    dlim = k + width; // past dest edge
                            }
                            int sx = i * iw; // start of line in source
                            while (dx < dlim) {
                                    // map color and insert in destination
                                    int index = ((int) pixels[sx++]) & 0xff;
                                    int c = act[index];
                                    if (c != 0) {
                                            dest[dx] = c;
                                    }
                                    dx++;
                            }
                    }
            }
            image = Bitmap.createBitmap(dest, width, height, Config.ARGB_4444);
    }
    public Bitmap getFrame(int n) {
            if (frameCount <= 0)
                    return null;
            n = n % frameCount;
            return ((GifFrame) frames.elementAt(n)).image;
    }
    public int read(InputStream is) {
            init();
            if (is != null) {
                    in = is;
                    readHeader();
                    if (!err()) {
                            readContents();
                            if (frameCount < 0) {
                                    status = STATUS_FORMAT_ERROR;
                            }
                    }
            } else {
                    status = STATUS_OPEN_ERROR;
            }
            try {
                    is.close();
            } catch (Exception e) {
            }
            return status;
    }      
    protected void decodeBitmapData() {
            int nullCode = -1;
            int npix = iw * ih;
            int available, clear, code_mask, code_size, end_of_information, in_code, old_code, bits, code, count, i, datum, data_size, first, top, bi, pi;
            if ((pixels == null) || (pixels.length < npix)) {
                    pixels = new byte[npix]; // allocate new pixel array
            }
            if (prefix == null) {
                    prefix = new short[MAX_STACK_SIZE];
            }
            if (suffix == null) {
                    suffix = new byte[MAX_STACK_SIZE];
            }
            if (pixelStack == null) {
                    pixelStack = new byte[MAX_STACK_SIZE + 1];
            }                
            data_size = read();
            clear = 1 << data_size;
            end_of_information = clear + 1;
            available = clear + 2;
            old_code = nullCode;
            code_size = data_size + 1;
            code_mask = (1 << code_size) - 1;
            for (code = 0; code < clear; code++) {
                    prefix[code] = 0; // XXX ArrayIndexOutOfBoundsException
                    suffix[code] = (byte) code;
            }               
            datum = bits = count = first = top = pi = bi = 0;
            for (i = 0; i < npix;) {
                    if (top == 0) {
                            if (bits < code_size) {
                                    // Load bytes until there are enough bits for a code.
                                    if (count == 0) {
                                            // Read a new data block.
                                            count = readBlock();
                                            if (count <= 0) {
                                                    break;
                                            }
                                            bi = 0;
                                    }
                                    datum += (((int) block[bi]) & 0xff) << bits;
                                    bits += 8;
                                    bi++;
                                    count--;
                                    continue;
                            }                               
                            code = datum & code_mask;
                            datum >>= code_size;
                            bits -= code_size;                               
                            if ((code > available) || (code == end_of_information)) {
                                    break;
                            }
                            if (code == clear) {
                                    // Reset decoder.
                                    code_size = data_size + 1;
                                    code_mask = (1 << code_size) - 1;
                                    available = clear + 2;
                                    old_code = nullCode;
                                    continue;
                            }
                            if (old_code == nullCode) {
                                    pixelStack[top++] = suffix[code];
                                    old_code = code;
                                    first = code;
                                    continue;
                            }
                            in_code = code;
                            if (code == available) {
                                    pixelStack[top++] = (byte) first;
                                    code = old_code;
                            }
                            while (code > clear) {
                                    pixelStack[top++] = suffix[code];
                                    code = prefix[code];
                            }
                            first = ((int) suffix[code]) & 0xff;
                            if (available >= MAX_STACK_SIZE) {
                                    break;
                            }
                            pixelStack[top++] = (byte) first;
                            prefix[available] = (short) old_code;
                            suffix[available] = (byte) first;
                            available++;
                            if (((available & code_mask) == 0) && (available < MAX_STACK_SIZE)) {
                                    code_size++;
                                    code_mask += available;
                            }
                            old_code = in_code;
                    }
                    // Pop a pixel off the pixel stack.
                    top--;
                    pixels[pi++] = pixelStack[top];
                    i++;
            }
            for (i = pi; i < npix; i++) {
                    pixels[i] = 0; // clear missing pixels
            }
    }        
    protected boolean err() {
            return status != STATUS_OK;
    }       
    protected void init() {
            status = STATUS_OK;
            frameCount = 0;
            frames = new Vector<GifFrame>();
            gct = null;
            lct = null;
    }        
    protected int read() {
            int curByte = 0;
            try {
                    curByte = in.read();
            } catch (Exception e) {
                    status = STATUS_FORMAT_ERROR;
            }
            return curByte;
    }       
    protected int readBlock() {
            blockSize = read();
            int n = 0;
            if (blockSize > 0) {
                    try {
                            int count = 0;
                            while (n < blockSize) {
                                    count = in.read(block, n, blockSize - n);
                                    if (count == -1) {
                                            break;
                                    }
                                    n += count;
                            }
                    } catch (Exception e) {
                            e.printStackTrace();
                    }
                    if (n < blockSize) {
                            status = STATUS_FORMAT_ERROR;
                    }
            }
            return n;
    }        
    protected int[] readColorTable(int ncolors) {
            int nbytes = 3 * ncolors;
            int[] tab = null;
            byte[] c = new byte[nbytes];
            int n = 0;
            try {
                    n = in.read(c);
            } catch (Exception e) {
                    e.printStackTrace();
            }
            if (n < nbytes) {
                    status = STATUS_FORMAT_ERROR;
            } else {
                    tab = new int[256]; // max size to avoid bounds checks
                    int i = 0;
                    int j = 0;
                    while (i < ncolors) {
                            int r = ((int) c[j++]) & 0xff;
                            int g = ((int) c[j++]) & 0xff;
                            int b = ((int) c[j++]) & 0xff;
                            tab[i++] = 0xff000000 | (r << 16) | (g << 8) | b;
                    }
            }
            return tab;
    }       
    protected void readContents() {
            // read GIF file content blocks
            boolean done = false;
            while (!(done || err())) {
                    int code = read();
                    switch (code) {
                    case 0x2C: // image separator
                            readBitmap();
                            break;
                    case 0x21: // extension
                            code = read();
                            switch (code) {
                            case 0xf9: // graphics control extension
                                    readGraphicControlExt();
                                    break;
                            case 0xff: // application extension
                                    readBlock();
                                    String app = "";
                                    for (int i = 0; i < 11; i++) {
                                            app += (char) block[i];
                                    }
                                    if (app.equals("NETSCAPE2.0")) {
                                            readNetscapeExt();
                                    } else {
                                            skip(); // don't care
                                    }
                                    break;
                            case 0xfe:// comment extension
                                    skip();
                                    break;
                            case 0x01:// plain text extension
                                    skip();
                                    break;
                            default: // uninteresting extension
                                    skip();
                            }
                            break;
                    case 0x3b: // terminator
                            done = true;
                            break;
                    case 0x00: // bad byte, but keep going and see what happens break;
                    default:
                            status = STATUS_FORMAT_ERROR;
                    }
            }
    }      
    protected void readGraphicControlExt() {
            read(); // block size
            int packed = read(); // packed fields
            dispose = (packed & 0x1c) >> 2; // disposal method
            if (dispose == 0) {
                    dispose = 1; // elect to keep old image if discretionary
            }
            transparency = (packed & 1) != 0;
            delay = readShort() * 10; // delay in milliseconds
            transIndex = read(); // transparent color index
            read(); // block terminator
    }       
    protected void readHeader() {
            String id = "";
            for (int i = 0; i < 6; i++) {
                    id += (char) read();
            }
            if (!id.startsWith("GIF")) {
                    status = STATUS_FORMAT_ERROR;
                    return;
            }
            readLSD();
            if (gctFlag && !err()) {
                    gct = readColorTable(gctSize);
                    bgColor = gct[bgIndex];
            }
    }        
    protected void readBitmap() {
            ix = readShort(); // (sub)image position & size
            iy = readShort();
            iw = readShort();
            ih = readShort();
            int packed = read();
            lctFlag = (packed & 0x80) != 0; // 1 - local color table flag interlace
            lctSize = (int) Math.pow(2, (packed & 0x07) + 1);
            interlace = (packed & 0x40) != 0;
            if (lctFlag) {
                    lct = readColorTable(lctSize); // read table
                    act = lct; // make local table active
            } else {
                    act = gct; // make global table active
                    if (bgIndex == transIndex) {
                            bgColor = 0;
                    }
            }
            int save = 0;
            if (transparency) {
                    save = act[transIndex];
                    act[transIndex] = 0; // set transparent color if specified
            }
            if (act == null) {
                    status = STATUS_FORMAT_ERROR; // no color table defined
            }
            if (err()) {
                    return;
            }
            decodeBitmapData(); // decode pixel data
            skip();
            if (err()) {
                    return;
            }
            frameCount++;
            // create new image to receive frame data
            image = Bitmap.createBitmap(width, height, Config.ARGB_4444);
            setPixels(); // transfer pixel data to image
            frames.addElement(new GifFrame(image, delay)); // add image to frame
            // list
            if (transparency) {
                    act[transIndex] = save;
            }
            resetFrame();
    }
    protected void readLSD() {
            // logical screen size
            width = readShort();
            height = readShort();
            // packed fields
            int packed = read();
            gctFlag = (packed & 0x80) != 0; // 1 : global color table flag
            // 2-4 : color resolution
            // 5 : gct sort flag
            gctSize = 2 << (packed & 7); // 6-8 : gct size
            bgIndex = read(); // background color index
            pixelAspect = read(); // pixel aspect ratio
    }       
    protected void readNetscapeExt() {
            do {
                    readBlock();
                    if (block[0] == 1) {
                            // loop count sub-block
                            int b1 = ((int) block[1]) & 0xff;
                            int b2 = ((int) block[2]) & 0xff;
                            loopCount = (b2 << 8) | b1;
                    }
            } while ((blockSize > 0) && !err());
    }       
    protected int readShort() {
            // read 16-bit value, LSB first
            return read() | (read() << 8);
    }
    protected void resetFrame() {
            lastDispose = dispose;
            lrx = ix;
            lry = iy;
            lrw = iw;
            lrh = ih;
            lastBitmap = image;
            lastBgColor = bgColor;
            dispose = 0;
            transparency = false;
            delay = 0;
            lct = null;
    }
    protected void skip() {
            do {
                    readBlock();
            } while ((blockSize > 0) && !err());
    }
}

GifDecoderView: -

public class GifDecoderView extends ImageView {

private boolean mIsPlayingGif = false;

private GifDecoder mGifDecoder;

private Bitmap mTmpBitmap;

final Handler mHandler = new Handler();

final Runnable mUpdateResults = new Runnable() {
    public void run() {
        if (mTmpBitmap != null && !mTmpBitmap.isRecycled()) {
            GifDecoderView.this.setImageBitmap(mTmpBitmap);
        }
    }
};

public GifDecoderView(Context context, InputStream stream) {
    super(context);
    playGif(stream);
}

private void playGif(InputStream stream) {
    mGifDecoder = new GifDecoder();
    mGifDecoder.read(stream);

    mIsPlayingGif = true;

    new Thread(new Runnable() {
        public void run() {
            final int n = mGifDecoder.getFrameCount();
            final int ntimes = mGifDecoder.getLoopCount();
            int repetitionCounter = 0;
            do {
                for (int i = 0; i < n; i++) {
                    mTmpBitmap = mGifDecoder.getFrame(i);
                    int t = mGifDecoder.getDelay(i);
                    mHandler.post(mUpdateResults);
                    try {
                        Thread.sleep(t);
                    } catch (InterruptedException e) {
                        e.printStackTrace();
                    }
                }
                if(ntimes != 0) {
                    repetitionCounter ++;
                }
            } while (mIsPlayingGif && (repetitionCounter <= ntimes));
        }
    }).start();
}

public void stopRendering() {
    mIsPlayingGif = true;
}
}

GifMovieView: -

public class GifMovieView extends View {

private Movie mMovie;

private long mMoviestart;

public GifMovieView(Context context, InputStream stream) {
    super(context);

    mMovie = Movie.decodeStream(stream);        
}

@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();
}
}

GifWebView: -

public class GifWebView extends WebView {

public GifWebView(Context context, String path) {
    super(context);        

    loadUrl(path);
}
}

আমি মনে করি এটি আপনাকে সাহায্য করতে পারে ... :)


72
আপনি ডিকোডার এবং কমলাক্স কোড তৈরি করেন এবং এটি কখনই ব্যবহার করেন না, মূলত আপনার সমস্ত প্রয়োজন নেই! আপনি জিফওয়েবভিউ ভিউ = নতুন জিফওয়েভিউ ভিউ (এটি, "ফাইল: /// android_asset /piggy.gif") ব্যবহার করছেন; যা ওয়েবভিউয়ের একটি সাবক্লাসকে কল করে যার ওয়েবভিউতে কোনও কাস্টমাইজেশন নেই, আপনি এই পুরো কোডটি 3 টি লাইন দিয়ে প্রতিস্থাপন করতে পারেন .. ওয়েবউইউ wWiew = নতুন ওয়েবভিউ (এটি); wView.loadUrl ( "ফাইল: ///android_asset/piggy.gif"); setContentView (দেখুন);
আহমদ দ্বাইক 'ওয়ারলক'

2
আরে আপনার উত্তরের জন্য ধন্যবাদ .. :) এটি কার্যকর কাজ !! তবে ওয়েব ভিউ (গিফওউব ভিউ ক্লাসে) এর সাথে আমার একটি সমস্যা আছে এটি ডিভাইসের স্ক্রিনের চেয়ে জিআইএফ ফাইলটি প্রদর্শন করে। তাহলে কীভাবে সেই দৃশ্যের জন্য কাস্টম প্রস্থ এবং উচ্চতা সরবরাহ করা যায় অন্যথায় আমি অন্য কোনও দৃশ্য ব্যবহার করতে পারি ???
অ্যান্ড্রয়েড লার্নার

এটি কি আমার জিআইফ একবার খেলবে? এটি জিআইএফ দিয়ে সাইকেল চালিয়ে রাখবে না ??? এটি আবার প্রদর্শন করার পদ্ধতিগুলি কি আবার চালাতে পারি?
জেমস 111

দয়া করে এটিতে
Khuong

এটি আমার ডিভাইসটি 4.4 এ চলতে কাজ করে, তবে যখন আমি এটি ললিপপ ডিভাইসে চালিত করি (5.1) জিফটি প্রাণবন্ত হয় না।
ভিকজিলা

217

আপনার বিল্ড.gradle (মডিউল: অ্যাপ) এ, android-gif-drawableনিম্নলিখিত কোড যুক্ত করে নির্ভরতা হিসাবে যুক্ত করুন:

allprojects {
    repositories {
       mavenCentral()
    }
}

dependencies {
    compile 'pl.droidsonroids.gif:android-gif-drawable:1.2.+'
}


আপডেট : অ্যান্ড্রয়েড গ্রেডল প্লাগইন 3.0.0 হিসাবে , সংকলনের জন্য নতুন কমান্ডটি রয়েছে implementation, সুতরাং উপরের লাইনটি এতে পরিবর্তন করতে হতে পারে:

dependencies {
    implementation 'pl.droidsonroids.gif:android-gif-drawable:1.2.17'
}

তারপরে আপনার প্রকল্পটি সিঙ্ক করুন। সিঙ্ক্রোনাইজেশন শেষ হয়ে গেলে আপনার বিন্যাসের ফাইলে যান এবং নীচের কোডটি যুক্ত করুন:

<pl.droidsonroids.gif.GifImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:src="@drawable/gif_file"
/>

এবং এটি হ'ল, আপনি এটিকে একটি সাধারণ চিত্রদর্শন দিয়ে পরিচালনা করতে পারেন।


9
এই উত্তরটি সর্বোত্তম উত্তর এবং এটি আমার পক্ষে খুব মসৃণ কাজ করে, আমি বিভিন্ন জিনিস চেষ্টা করে ক্লাস তৈরি করেছিলাম এবং আমি এটি খুঁজে পাওয়ার পরে অবিশ্বাস্য হয়েছি .... ধন্যবাদ মিস্টার;)
আলেকিস্ক্যানি

মসৃণ, আরও ভাল gif জন্য গ্লাইড
হিমাংশু শেখের ঝা

1
এছাড়াও আমার জন্য সেরা, 10 সেকেন্ডে প্রয়োগ করা হয়েছে
ডায়োগো গার্সিয়া

সহজ পদক্ষেপ। এই উত্তর হওয়া উচিত। মিনিটের মধ্যে সম্পন্ন
sunil

3
pl.droidsonroids.gif.GifImageViewপরিবর্তে ব্যবহার করা উচিত নয় ?
ফ্লিম 10 ই

23

ভিডিওভিউ ব্যবহার করুন

নেটিভ ইমেজভিউ অ্যানিমেটেড চিত্র সমর্থন করে না। অ্যানিমেটেড জিআইএফ ফাইলটি দেখানোর জন্য আপনার কাছে দুটি বিকল্প রয়েছে

  1. ব্যবহার VideoView
  2. ImageViewবিভিন্ন অংশে জিআইএফ ফাইলটি ব্যবহার এবং বিভক্ত করুন এবং তারপরে এটিতে অ্যানিমেশন প্রয়োগ করুন

8
আমি কীভাবে ভিডিওভিউ ব্যবহার করতে পারি। আমি কি সেই ভিডিওভিউতে বিশেষ জিআইএফ চিত্রটি দেখাতে পারি
কমলোন

আপনি কীভাবে ভিডিওভিউ ব্যবহার করতে পারেন? আমি যদি কোনও জিআইফের পথে সেট করি তবে এটি কার্যকরভাবে কাজ করবে না।
এন্টারপিড

আমিও পেলাম না কীভাবে VideoViewঅ্যানিমেটেড জিআইএফ প্রদর্শন করতে ব্যবহার করা যেতে পারে?
অজয় এস

জিআইএফ ভুলে যান এবং অ্যানিমেশনের জন্য একটি ভিডিও ব্যবহার করুন। আমি মনে করি যে এটি কিভাবে হয়। যদিও এটি প্রশ্নের উত্তর কিনা তা নিশ্চিত নন।
কৃষ্ণভদ্র

@ সুনীল কুমার সাহু আপনি কোনও ব্যবহারকারীর মন্তব্যের জবাব দেননি!
ব্যবহারকারী 25

16

সর্বশেষ গ্লাইড গ্রন্থাগার সহ

গ্রেডল ব্যবহার করুন:

repositories {
  mavenCentral()
  google()
}

dependencies {
  implementation 'com.github.bumptech.glide:glide:4.8.0'
  annotationProcessor 'com.github.bumptech.glide:compiler:4.8.0'
}

ক্রিয়াকলাপ বা খণ্ডে:

ImageView imageView = findViewById(R.id.imageView);

/* from internet*/
Glide.with(this)
        .load("https://media.giphy.com/media/98uBZTzlXMhkk/giphy.gif")
        .into(imageView);

/*from raw folder*/
Glide.with(this)
        .load(R.raw.giphy)
        .into(imageView);

12

অ্যান্ড্রয়েডে জিআইএফ দেখানো হচ্ছে

সৃষ্টি CustomGifView.java which extends View Class

 public class CustomGifView extends View {

 private InputStream gifInputStream;
 private Movie gifMovie;
 private int movieWidth, movieHeight;
 private long movieDuration;
 private long mMovieStart;

 public CustomGifView(Context context) {
  super(context);
  init(context);
 }

 public CustomGifView(Context context, AttributeSet attrs) {
  super(context, attrs);
  init(context);
 }

 public CustomGifView(Context context, AttributeSet attrs, 
   int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  init(context);
 }

 private void init(Context context){
  setFocusable(true);
  gifInputStream = context.getResources()
    .openRawResource(R.drawable.YOUR_IMAGE);

  gifMovie = Movie.decodeStream(gifInputStream);
  movieWidth = gifMovie.width();
  movieHeight = gifMovie.height();
  movieDuration = gifMovie.duration();
 }

 @Override
 protected void onMeasure(int widthMeasureSpec, 
   int heightMeasureSpec) {
  setMeasuredDimension(movieWidth, movieHeight);
 }

 public int getMovieWidth(){
  return movieWidth;
 }

 public int getMovieHeight(){
  return movieHeight;
 }

 public long getMovieDuration(){
  return movieDuration;
 }

 @Override
 protected void onDraw(Canvas canvas) {

  long now = android.os.SystemClock.uptimeMillis();
        if (mMovieStart == 0) {   // first time
            mMovieStart = now;
        }

        if (gifMovie != null) {

            int dur = gifMovie.duration();
            if (dur == 0) {
                dur = 1000;
            }

            int relTime = (int)((now - mMovieStart) % dur);

            gifMovie.setTime(relTime);

            gifMovie.draw(canvas, 0, 0);
            invalidate();

        }

 }

 }

এখন আপনার এক্সএমএলে এই ক্লাসটি কল করুন

 <Your_PackageName.CustomGifView
        android:id="@+id/gifview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

দ্বারা NP

হার্ডওয়্যার-অ্যাক্সিলারেটেড বন্ধ করতে AndroidManifest.xML পরিবর্তন করুন।

 android:hardwareAccelerated="false"

উল্লেখ

অন্য কৌশল

অ্যানিমেশন কার্যকারিতার জন্য আপনি দেখতে পারেন

http://developer.android.com/reference/android/graphics/drawable/AnimationDrawable.html


1
ভাল কাজ! এটি বাস্তবায়নের জন্য আপনি কি সর্বনিম্ন এপিআই স্তর জানেন?
খান

@KhanSquare সম্ভবত 15
IntelliJ অমিয়

@ লখন এখানে এটি ঠিকঠাক কাজ করে। ঠিক আছে আমি আবার এটি যাচাই করব
আমিয়া

1
কিমি ধীঙ্গার উত্তর অনুসারে নীচে আমি দিয়েছি যদি (বিল্ড.ভি.এস.আর.ভি.এস.এন.ডি.পি.>> ১১) {জিফআইমেজভিউ.সেটলায়ারটাইপ (View.LAYER_TYPE_SOFTWARE, নাল); }
আদিত্য ব্যাস-লক্ষণ

1
@ ইন্টেলিজে আমিয়া হ্যাঁ যা অন্যকেও সহায়তা করবে
আদিত্য ব্যাস-লক্ষণ

10

আমি আপনাকে গ্লাইড গ্রন্থাগার ব্যবহার করার পরামর্শ দিচ্ছি। গ্লাইড ব্যবহার করতে আপনাকে এই নির্ভরতাগুলি যুক্ত করতে এটি যুক্ত করতে হবে

compile 'com.github.bumptech.glide:glide:3.7.0'
compile 'com.android.support:support-v4:23.4.0'

আপনার গ্র্যান্ডেল (মডিউল: অ্যাপ) ফাইলটিতে।

তারপরে আপনার জিআইএফ চিত্রটি লোড করতে কোডের এই লাইনটি ব্যবহার করুন

Glide.with(context).load(R.drawable.loading).asGif().diskCacheStrategy(DiskCacheStrategy.SOURCE).crossFade().into(loadingImageView);

গ্লাইড আরও তথ্য


8

আহমদ দ্বাইক 'ওয়ারলকের মন্তব্যের ভিত্তিতে , আমি নিম্নলিখিত কোডটি চেষ্টা করেছি এবং এটি কার্যকর হয়েছে।

  1. আপনার এক্সএমএল ফাইলে একটি ওয়েবভিউ ব্যবহার করুন এবং যেখানে আপনি .gif চিত্রটি দেখানোর চেষ্টা করছেন ঠিক সেখানেই এর অবস্থানটি সামঞ্জস্য করুন।
  2. আপনার ক্রিয়াকলাপে অন্যান্য মতামতের মতো এই ছোট্ট ওয়েবভিউয়ের সূচনা করুন।
  3. .gif চিত্রটি সম্পদ ফোল্ডারে রাখুন
  4. এখন চিত্রটি এমনভাবে লোড করুন যেন আপনি "diyaWebView1.loadUrl (" ফাইল: ///android_asset/www/diya.gif ") এর মতো ওয়েব ভিউতে কোনও url লোড করছেন;"
  5. আপনি অ্যাপ্লিকেশনটি চালু করার সময় আপনার .gif চিত্রটি দেখতে পাবেন।

পিএস: আপনি .gif চিত্রটি আপনার ওয়েবভিউয়ের সাথে ফিট করে অথবা অন্য চিত্রের তুলনায় যদি চিত্রটি স্ক্রোলবারটি সক্ষম হয়ে যায় এবং ব্যবহারকারী একা ওয়েবভিউ চিত্রটি স্ক্রোল করতে পারে তবে চিত্রটি ওয়েব ভিউয়ের চেয়ে বড় হয় works সুতরাং আমাদের যখন এটি ব্যবহার করা হয় তখন ইমেজ অনুযায়ী ওয়েবভিউকে যথাযথ আকার দিতে বা আপনার ওয়েবভিউয়ের সাথে মানিয়ে যায় এমন চিত্রটি সম্পাদনা করার জন্য আমাদের যত্নবান হওয়া দরকার।


5

জিআইএফ লোড করতে ওয়েবভিউ ব্যবহার করুন

webView = (WebView) findViewById(R.id.webView);
webView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);
webView.getSettings().setLoadsImagesAutomatically(true);
webView.getSettings().setJavaScriptEnabled(true);
webView.loadUrl("file:///android_asset/1.gif");

মনে রাখবেন চিত্রের নামটি কেস সেনসিটিভ। আমার জিআইএফ দিয়ে শেষ হয় এবং আমি যখন ফোন করি তখন তা কার্যকর হয়নিimage.gif
স্যাম

4

GIFImageView

public class GifImageView extends ImageView {

    Movie movie;
    InputStream inputStream;
    private long mMovieStart;

    public GifImageView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    public GifImageView(Context context) {
        super(context);
    }

    public GifImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
        setFocusable(true);
        inputStream = context.getResources()
                .openRawResource(R.drawable.thunder);
            byte[] array = streamToBytes(inputStream);
            movie = Movie.decodeByteArray(array, 0, array.length);

    }

    private byte[] streamToBytes(InputStream is) {
        ByteArrayOutputStream byteArrayOutputStream = new ByteArrayOutputStream(
                1024);
        byte[] buffer = new byte[1024];
        int len;
        try {
            while ((len = is.read(buffer)) >= 0) {
                byteArrayOutputStream.write(buffer, 0, len);
                return byteArrayOutputStream.toByteArray();
            }
        } catch (Exception e) {
            e.printStackTrace();
            return null;
        }
        return null;
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        long now = SystemClock.uptimeMillis();
        if (mMovieStart == 0) { // first time
            mMovieStart = now;
        }
        if (movie != null) {
            int dur = movie.duration();
            if (dur == 0) {
                dur = 3000;
            }
            int relTime = (int) ((now - mMovieStart) % dur);
            movie.setTime(relTime);
            movie.draw(canvas, getWidth() - 200, getHeight() - 200);
            invalidate();
        }
    }

}

এক্সএমএলে

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/container"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >

    <TextView
        android:id="@+id/update"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:text="abc" /> 

    <com.example.apptracker.GifImageView
        android:id="@+id/gifImageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true" />

</RelativeLayout>

জাভা ফাইলে

public class MainActivity extends Activity {
@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main); 
        GifImageView gifImageView = (GifImageView) findViewById(R.id.gifImageView1);
        if (Build.VERSION.SDK_INT >= 11) {
            gifImageView.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
        }
    }
}

আমাদের gifImageView.setLayerType(View.LAYER_TYPE_SOFTWARE, null);যখন হার্ডওয়ারকে ত্বরান্বিত করা সক্ষম করা হয়েছিল, জিআইএফ চিত্রটি সেই ডিভাইসে কাজ না করে তখনই আমাদের ব্যবহার করা উচিত । উপরের ডিভাইসগুলিতে (4.x) হার্ডওয়্যার ত্বরণ সক্ষম করা আছে।


এটি আমাকে কিছু দেখায় না। আপনি কি এটি গিথুব এ ভাগ করতে পারেন?
অ্যান্ড্রয়েড বিকাশকারী

4

@ আহমাদ একটি মন্তব্যে যেমন বলেছে , আপনি কেবল একটি জিআইএফ প্রদর্শন করতে নিম্নলিখিত কোডটি ব্যবহার করতে পারেন!

অনক্রিট পদ্ধতিতে কেবল এই কোডটি পপ করুন এবং আপনি যেতে ভাল! এছাড়াও, আপনার জিআইএফটি assetsফোল্ডারের ভিতরে রাখুন (যদি আপনার কাছে সম্পদ ফোল্ডার না থাকে তবে একটি নীচে তৈরি করুন src/main)

WebView wView = new WebView(this);
wView.loadUrl("file:///android_asset/piggy.gif");
setContentView(view);

3

অয়ন লাইব্রেরিটি ব্যবহার করে আমরা ইমেজভিউতে অ্যানিমেটেড জিএফ চিত্রটি সহজেই যুক্ত করতে পারি।

টিউটোরিয়াল ভিডিও :: https://www.youtube.com/watch?v=IqKtpdeIpjA

ImageView image = (ImageView)findViewById(R.id.image_gif);
Ion.with(image).load("http://mygifimage.gif");

3

এটিই আমার পক্ষে কাজ করেছে:

আপনার বিল্ড.gradle (প্রকল্প) এ বিল্ডস্ক্রিপ্ট {} এবং সমস্ত প্রকল্পগুলিতে mavenCentral () লিখুন} এটিকে ঐটির মত দেখতে হবে:

buildscript {
    repositories {
        jcenter()
        **mavenCentral()**
    }
//more code ...
}
allprojects {
    repositories {
        jcenter()
        **mavenCentral()**
    }
}

তারপরে, বিল্ড.gradle এ (মডিউল) নির্ভরতা যুক্ত করুন} এই স্নিপেট:

'pl.droidsonroids.gif সংকলন: অ্যান্ড্রয়েড-জিআইএফ-অঙ্কনযোগ্য: 1.2.4'

এটিকে ঐটির মত দেখতে হবে:

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', {
        exclude group: 'com.android.support', module: 'support-annotations'
    })
    compile 'com.android.support:appcompat-v7:25.1.0'
    testCompile 'junit:junit:4.12'
    **compile 'pl.droidsonroids.gif:android-gif-drawable:1.2.4'**
}

আপনার অঙ্কনীয় ফোল্ডারে আপনার .gif চিত্রটি রাখুন। এখন অ্যাপ্লিকেশন> পুনরায়> লেআউট> কার্যকলাপ_মিন.এক্সএমএল এ যান এবং আপনার .gif এর জন্য এটি স্নিপড যুক্ত করুন:

<pl.droidsonroids.gif.GifImageView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:src="@drawable/YOUR_GIF_IMAGE"
    android:background="#000000" //for black background
    />

এবং তুমি করে ফেলেছ :)

সহায়ক লিঙ্ক: https://github.com/koral--/android-gif-drawable

https://www.youtube.com/watch?v=EOFY0cwNjuk

আশাকরি এটা সাহায্য করবে.


2

আপনি ফেসবুকের মাধ্যমে ফ্রেসকো লাইব্রেরির মাধ্যমে যে কোনও জিআইএফ চিত্র প্রদর্শন করতে পারেন :

Uri uri = Uri.parse("http://domain.com/awersome.gif");
final SimpleDraweeView draweeView = new SimpleDraweeView(context);
final LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(200, 200);

draweeView.setLayoutParams(params);
DraweeController controller = Fresco.newDraweeControllerBuilder()
        .setUri(uri)
        .setAutoPlayAnimations(true)
        .build();
draweeView.setController(controller);
//now just add draweeView to layout and enjoy

2

প্রথমে module:appবিল্ড . gradle ফাইলটিতে একটি নির্ভরতা যুক্ত করুন

compile 'pl.droidsonroids.gif:android-gif-drawable:1.1.+'

তারপরে, বিন্যাস ফাইলটিতে

<pl.droidsonroids.gif.GifImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/mq_app"
        />

1

জিএফ এর কয়েকটি কোডের লাইনের সাথে এবং কোনও তৃতীয় পক্ষের লাইব্রেরি ছাড়াই ওয়েব ভিউতে প্রদর্শিত হতে পারে। এইভাবে আপনি আপনার এসডি কার্ড থেকে জিআইএফ লোড করতে পারেন। আপনার সম্পদ ফোল্ডারে চিত্রগুলি অনুলিপি করার দরকার নেই।

একটি ওয়েব ভিউ নিন।

<WebView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:id="@+id/imageWebView" />

ব্যবহার এসডি কার্ড থেকে একটি জিআইএফ ফাইল খুলতে পারে কেবলমাত্র উদাহরণ হিসাবে প্রদর্শিত সম্পদ ফোল্ডার থেকে নয়।

    WebView webView = (WebView) findViewById(R.id.imageWebView);
    String  data    = "<body> <img src = \""+ filePath+"\"/></body>";
    // 'filePath' is the path of your .GIF file on SD card.
   webView.loadDataWithBaseURL("file:///android_asset/",data,"text/html","UTF-8",null);

1

আমি ব্যবহার করতে সমস্যা সম্মুখীন

compile 'pl.droidsonroids.gif:android-gif-drawable:1.1.+'

এবং এছাড়াও আমার প্রকল্পে যুক্ত করার জন্য আমি জার ফাইলটি খুঁজে পাইনি। সুতরাং, জিআইএফ দেখানোর জন্য, আমি এই জাতীয় ওয়েবভিউ ব্যবহার করি:

WebView webView = (WebView) this.findViewById(R.id.webView);
webView.loadDataWithBaseURL(null, "<html><body><center><img style='align:center;width:250px; height:250px; border-radius:50%' src='file:///android_asset/loading.gif'/></center></body></html>", "text/html", "UTF-8", "");
webView.setBackgroundColor(Color.TRANSPARENT);

1

অ্যান্ড্রয়েডে জিআইএফ ফাইল প্রদর্শন করুন

আপনার build.gradle ফাইলটিতে নিম্নলিখিত নির্ভরতা যুক্ত করুন।

implementation 'pl.droidsonroids.gif:android-gif-drawable:1.2.0'

বিন্যাসে - activity_xxxxx.xmlফাইলটি GifImageviewনীচের হিসাবে যুক্ত করুন ।

<pl.droidsonroids.gif.GifImageView
   android:id="@+id/CorrWrong"
   android:layout_width="100dp"
  android:layout_height="75dp"/>

আপনার জাভা ফাইলে, আপনি নীচে হিসাবে জিআইএফ অ্যাক্সেস করতে পারেন।

 GifImageView emoji;
 emoji = (GifImageView)findViewById(R.id.CorrWrong);

0
import android.app.Activity;
import android.util.Log;
import android.widget.ImageView;

/**
 * Created by atiq.mumtaz on 25.04.2016.
 */
public class GifImage_Player extends Thread
{
    Activity activity;
    ImageView image_view;
    boolean is_running=false;
    int pause_time;
    int[] drawables;

    public GifImage_Player(Activity activity,ImageView img_view,int[] drawable)
    {
        this.activity=activity;
        this.image_view=img_view;
        this.is_running=true;
        pause_time=25;
        this.drawables=drawable;
    }

    public void set_pause_time(int interval)
    {
        this.pause_time=interval;
    }
    public void stop_playing()
    {
        this.is_running=false;
    }

    public void run()
    {
        Log.d("Gif Player","Gif Player Stopped");

        int pointer=0;
        while (this.is_running)
        {
           if(drawables.length>0)
           {
             if((drawables.length-1)==pointer)
             {
                 pointer=0;
             }


               try
               {
                   activity.runOnUiThread(new Run(pointer));
                   Thread.sleep(pause_time);
               }
               catch (Exception e)
               {
                   Log.d("GifPlayer","Exception: "+e.getMessage());
                   is_running=false;
               }
               pointer++;
           }
        }
        Log.d("Gif Player","Gif Player Stopped");
    }

    class Run implements Runnable
    {
        int pointer;
        public Run(int pointer)
        {
            this.pointer=pointer;
        }
        public void run()
       {
           image_view.setImageResource(drawables[pointer]);
       }
    }
}

/////////////////////////////Usage///////////////////////////////////////




  int[] int_array=new int[]{R.drawable.tmp_0,R.drawable.tmp_1,R.drawable.tmp_2,R.drawable.tmp_3
               ,R.drawable.tmp_4,R.drawable.tmp_5,R.drawable.tmp_6,R.drawable.tmp_7,R.drawable.tmp_8,R.drawable.tmp_9,
                    R.drawable.tmp_10,R.drawable.tmp_11,R.drawable.tmp_12,R.drawable.tmp_13,R.drawable.tmp_14,R.drawable.tmp_15,
                    R.drawable.tmp_16,R.drawable.tmp_17,R.drawable.tmp_18,R.drawable.tmp_19,R.drawable.tmp_20,R.drawable.tmp_21,R.drawable.tmp_22,R.drawable.tmp_23};

GifImage_Player gif_player;             
gif_player=new GifImage_Player(this,(ImageView)findViewById(R.id.mygif),int_array);
            gif_player.start();
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.