android ListView में छवियों का आलसी भार




image url (24)

मैं उन छवियों से जुड़े कुछ छवियों और कैप्शन प्रदर्शित करने के लिए एक ListView का उपयोग कर रहा हूं। मुझे इंटरनेट से छवियां मिल रही हैं। टेक्स्ट प्रदर्शित होने पर छवियों को आलसी लोड करने का कोई तरीका है, यूआई लॉक नहीं है और छवियां डाउनलोड होने के बाद प्रदर्शित होती हैं?

छवियों की कुल संख्या तय नहीं है।


उच्च प्रदर्शन लोडर - यहां सुझाए गए तरीकों की जांच करने के बाद, मैंने कुछ बदलावों के साथ बेन के समाधान का उपयोग किया -

  1. मुझे एहसास हुआ कि ड्रॉबल्स के साथ काम करना तेज है कि बिटमैप्स के साथ मैं इसके बजाय ड्रॉबल्स का उपयोग करता हूं

  2. सॉफ़्ट रेफरेंस का उपयोग करना बहुत अच्छा है, लेकिन यह कैश की गई छवि को अक्सर हटा दिया जाता है, इसलिए मैंने एक लिंक्ड सूची जो छवियों को संदर्भित करती है, छवि को हटाने से रोकती है, जब तक यह पूर्व निर्धारित आकार तक नहीं पहुंच जाती

  3. इनपुटस्ट्रीम खोलने के लिए मैंने java.net.URL कनेक्शन का उपयोग किया जो मुझे वेब कैश का उपयोग करने की अनुमति देता है (आपको पहले प्रतिक्रिया कैश सेट करने की आवश्यकता है, लेकिन यह एक और कहानी है)

मेरा कोड:

import java.util.Map; 
import java.util.HashMap; 
import java.util.LinkedList; 
import java.util.Collections; 
import java.util.WeakHashMap; 
import java.lang.ref.SoftReference; 
import java.util.concurrent.Executors; 
import java.util.concurrent.ExecutorService; 
import android.graphics.drawable.Drawable;
import android.widget.ImageView;
import android.os.Handler;
import android.os.Message;
import java.io.InputStream;
import java.net.MalformedURLException; 
import java.io.IOException; 
import java.net.URL;
import java.net.URLConnection;

public class DrawableBackgroundDownloader {    

private final Map<String, SoftReference<Drawable>> mCache = new HashMap<String, SoftReference<Drawable>>();   
private final LinkedList <Drawable> mChacheController = new LinkedList <Drawable> ();
private ExecutorService mThreadPool;  
private final Map<ImageView, String> mImageViews = Collections.synchronizedMap(new WeakHashMap<ImageView, String>());  

public static int MAX_CACHE_SIZE = 80; 
public int THREAD_POOL_SIZE = 3;

/**
 * Constructor
 */
public DrawableBackgroundDownloader() {  
    mThreadPool = Executors.newFixedThreadPool(THREAD_POOL_SIZE);  
}  


/**
 * Clears all instance data and stops running threads
 */
public void Reset() {
    ExecutorService oldThreadPool = mThreadPool;
    mThreadPool = Executors.newFixedThreadPool(THREAD_POOL_SIZE);
    oldThreadPool.shutdownNow();

    mChacheController.clear();
    mCache.clear();
    mImageViews.clear();
}  

public void loadDrawable(final String url, final ImageView imageView,Drawable placeholder) {  
    mImageViews.put(imageView, url);  
    Drawable drawable = getDrawableFromCache(url);  

    // check in UI thread, so no concurrency issues  
    if (drawable != null) {  
        //Log.d(null, "Item loaded from mCache: " + url);  
        imageView.setImageDrawable(drawable);  
    } else {  
        imageView.setImageDrawable(placeholder);  
        queueJob(url, imageView, placeholder);  
    }  
} 


private Drawable getDrawableFromCache(String url) {  
    if (mCache.containsKey(url)) {  
        return mCache.get(url).get();  
    }  

    return null;  
}

private synchronized void putDrawableInCache(String url,Drawable drawable) {  
    int chacheControllerSize = mChacheController.size();
    if (chacheControllerSize > MAX_CACHE_SIZE) 
        mChacheController.subList(0, MAX_CACHE_SIZE/2).clear();

    mChacheController.addLast(drawable);
    mCache.put(url, new SoftReference<Drawable>(drawable));

}  

private void queueJob(final String url, final ImageView imageView,final Drawable placeholder) {  
    /* Create handler in UI thread. */  
    final Handler handler = new Handler() {  
        @Override  
        public void handleMessage(Message msg) {  
            String tag = mImageViews.get(imageView);  
            if (tag != null && tag.equals(url)) {
                if (imageView.isShown())
                    if (msg.obj != null) {
                        imageView.setImageDrawable((Drawable) msg.obj);  
                    } else {  
                        imageView.setImageDrawable(placeholder);  
                        //Log.d(null, "fail " + url);  
                    } 
            }  
        }  
    };  

    mThreadPool.submit(new Runnable() {  
        @Override  
        public void run() {  
            final Drawable bmp = downloadDrawable(url);
            // if the view is not visible anymore, the image will be ready for next time in cache
            if (imageView.isShown())
            {
                Message message = Message.obtain();  
                message.obj = bmp;
                //Log.d(null, "Item downloaded: " + url);  

                handler.sendMessage(message);
            }
        }  
    });  
}  



private Drawable downloadDrawable(String url) {  
    try {  
        InputStream is = getInputStream(url);

        Drawable drawable = Drawable.createFromStream(is, url);
        putDrawableInCache(url,drawable);  
        return drawable;  

    } catch (MalformedURLException e) {  
        e.printStackTrace();  
    } catch (IOException e) {  
        e.printStackTrace();  
    }  

    return null;  
}  


private InputStream getInputStream(String urlString) throws MalformedURLException, IOException {
    URL url = new URL(urlString);
    URLConnection connection;
    connection = url.openConnection();
    connection.setUseCaches(true); 
    connection.connect();
    InputStream response = connection.getInputStream();

    return response;
}
}

पिकासो

जेक व्हार्टन की पिकासो लाइब्रेरी का प्रयोग करें। (एक बिल्कुल सही छवि लोडिंग लाइब्रेरी एक्शनबारशेलॉक के डेवलपर का निर्माण करती है)

Android के लिए एक शक्तिशाली छवि डाउनलोड और कैशिंग लाइब्रेरी।

छवियां एंड्रॉइड अनुप्रयोगों के लिए बहुत आवश्यक संदर्भ और दृश्य फ्लेयर जोड़ती हैं। पिकासो आपके आवेदन में परेशानी रहित छवि लोडिंग की अनुमति देता है-अक्सर कोड की एक पंक्ति में!

Picasso.with(context).load("http://i.imgur.com/DvpvklR.png").into(imageView);

एंड्रॉइड पर छवि लोडिंग के कई सामान्य नुकसान स्वचालित रूप से पिकासो द्वारा संभाले जाते हैं:

ImageView रीसाइक्लिंग को संभालना और एडाप्टर में रद्दीकरण डाउनलोड करना। न्यूनतम स्मृति उपयोग के साथ जटिल छवि परिवर्तन। स्वचालित मेमोरी और डिस्क कैशिंग।

पिकासो जेक व्हार्टन की लाइब्रेरी

फिसलन

ग्लाइड एंड्रॉइड के लिए एक तेज़ और कुशल ओपन सोर्स मीडिया प्रबंधन ढांचा है जो मीडिया डिकोडिंग, मेमोरी और डिस्क कैशिंग को लपेटता है, और एक सरल और आसान उपयोग इंटरफ़ेस में संसाधन पूलिंग करता है।

ग्लाइड वीडियो स्टिल, छवियों और एनिमेटेड जीआईएफ को लाने, डीकोड करने और प्रदर्शित करने का समर्थन करता है। ग्लाइड में एक लचीली एपीआई शामिल है जो डेवलपर्स को लगभग किसी भी नेटवर्क स्टैक में प्लग करने की अनुमति देती है। डिफ़ॉल्ट रूप से ग्लाइड एक कस्टम HttpUrlConnection आधारित स्टैक का उपयोग करता है, लेकिन इसमें Google की वॉली प्रोजेक्ट या स्क्वायर की OkHttp लाइब्रेरी में प्लग इन यूटिलिटी लाइब्रेरी भी शामिल है।

Glide.with(this).load("http://goo.gl/h8qOq7").into(imageView);

ग्लाइड का प्राथमिक फोकस छवियों की किसी भी प्रकार की सूची को चिकनी और तेज़ी से स्क्रॉल करने पर है, लेकिन ग्लाइड भी लगभग किसी भी मामले के लिए प्रभावी है जहां आपको दूरस्थ छवि लाने, आकार बदलने और प्रदर्शित करने की आवश्यकता होती है।

ग्लाइड छवि लोडिंग लाइब्रेरी

फेसबुक द्वारा फ्र्रेस्को

एंड्रॉइड अनुप्रयोगों में छवियों को प्रदर्शित करने के लिए फ्रेशो एक शक्तिशाली प्रणाली है।

फ्र्रेस्को छवि लोडिंग और डिस्प्ले का ख्याल रखता है, इसलिए आपको यह नहीं करना है। यह नेटवर्क, स्थानीय भंडारण, या स्थानीय संसाधनों से छवियों को लोड करेगा, और जब तक छवि आ गई है तब तक प्लेसहोल्डर प्रदर्शित करें। इसमें कैश के दो स्तर हैं; स्मृति में एक और दूसरा आंतरिक भंडारण में।

फ्र्रेस्को गिथब

एंड्रॉइड 4.x और निचले स्तर में, फ्रैस्को छवियों को एंड्रॉइड मेमोरी के एक विशेष क्षेत्र में रखता है। यह आपके एप्लिकेशन को तेज़ी से चलाने देता है - और डरावनी आउटऑफमेमरी को बहुत कम बार-बार पीड़ित करता है।

फ्र्रेस्को दस्तावेज़ीकरण


आपको यह यूनिवर्सल लोडर सबसे अच्छा करने की कोशिश करनी चाहिए। मैं आलसी लोडिंग पर कई आरएनडी करने के बाद इसका उपयोग कर रहा हूं।

github.com/nostra13/Android-Universal-Image-Loader

विशेषताएं

  • मल्टीथ्रेड छवि लोडिंग (async या सिंक)
  • Wide customization of ImageLoader's configuration (thread executors, downloader, decoder, memory and disk cache, display image options, etc.)
  • Many customization options for every display image call (stub images, caching switch, decoding options, Bitmap processing and displaying, etc.)
  • Image caching in memory and/or on disk (device's file system or SD card)
  • Listening loading process (including downloading progress)

Android 2.0+ support


Just a quick tip for someone who is in indecision regarding what library to use for lazy-loading images:

There are four basic ways.

  1. DIY => Not the best solution but for a few images and if you want to go without the hassle of using others libraries

  2. Volley's Lazy Loading library => From guys at android. It is nice and everything but is poorly documented and hence is a problem to use.

  3. Picasso: A simple solution that just works, you can even specify the exact image size you want to bring in. It is very simple to use but might not be very "performant" for apps that has to deal with humongous amounts of images.

  4. UIL: The best way to lazy load images. You can cache images(you need permission of course), initialize the loader once, then have your work done. The most mature asynchronous image loading library I have ever seen so far.


मुझे लगता है कि यह मुद्दा एंड्रॉइड डेवलपर्स के बीच बहुत लोकप्रिय है, और ऐसे कई पुस्तकालय हैं जो इस मुद्दे को हल करने का दावा करते हैं, लेकिन उनमें से कुछ ही निशान पर हैं। AQuery एक ऐसी पुस्तकालय है, लेकिन यह उन सभी पहलुओं में से अधिक से बेहतर है और इसके लिए प्रयास करने लायक है।


मैं सिर्फ एक और अच्छा उदाहरण, एक्सएमएल एडाप्टर जोड़ना चाहता हूं। चूंकि इसका उपयोग Google द्वारा किया जाता है और मैं आउटऑफमेमरी त्रुटि से बचने के लिए एक ही तर्क का उपयोग कर रहा हूं।

असल में यह ImageDownloader आपका उत्तर है (क्योंकि इसमें आपकी अधिकांश आवश्यकताओं को शामिल किया गया है)। कुछ आप इसमें भी कार्यान्वित कर सकते हैं।


यहां मैंने जो छवियां बनाई हैं, उन्हें रखने के लिए मैंने जो ऐप बनाया है, वह है। कृपया ध्यान दें कि यहां उपयोग में "लॉग" ऑब्जेक्ट एंड्रॉइड के अंदर अंतिम लॉग क्लास के आसपास मेरा कस्टम रैपर है।

package com.wilson.android.library;

/*
 Licensed to the Apache Software Foundation (ASF) under one
or more contributor license agreements.  See the NOTICE file
distributed with this work for additional information
regarding copyright ownership.  The ASF licenses this file
to you under the Apache License, Version 2.0 (the
"License"); you may not use this file except in compliance
with the License.  You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing,
software distributed under the License is distributed on an
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, either express or implied.  See the License for the
specific language governing permissions and limitations
under the License.
*/
import java.io.IOException;

public class DrawableManager {
    private final Map<String, Drawable> drawableMap;

    public DrawableManager() {
        drawableMap = new HashMap<String, Drawable>();
    }

    public Drawable fetchDrawable(String urlString) {
        if (drawableMap.containsKey(urlString)) {
            return drawableMap.get(urlString);
        }

        Log.d(this.getClass().getSimpleName(), "image url:" + urlString);
        try {
            InputStream is = fetch(urlString);
            Drawable drawable = Drawable.createFromStream(is, "src");


            if (drawable != null) {
                drawableMap.put(urlString, drawable);
                Log.d(this.getClass().getSimpleName(), "got a thumbnail drawable: " + drawable.getBounds() + ", "
                        + drawable.getIntrinsicHeight() + "," + drawable.getIntrinsicWidth() + ", "
                        + drawable.getMinimumHeight() + "," + drawable.getMinimumWidth());
            } else {
              Log.w(this.getClass().getSimpleName(), "could not get thumbnail");
            }

            return drawable;
        } catch (MalformedURLException e) {
            Log.e(this.getClass().getSimpleName(), "fetchDrawable failed", e);
            return null;
        } catch (IOException e) {
            Log.e(this.getClass().getSimpleName(), "fetchDrawable failed", e);
            return null;
        }
    }

    public void fetchDrawableOnThread(final String urlString, final ImageView imageView) {
        if (drawableMap.containsKey(urlString)) {
            imageView.setImageDrawable(drawableMap.get(urlString));
        }

        final Handler handler = new Handler() {
            @Override
            public void handleMessage(Message message) {
                imageView.setImageDrawable((Drawable) message.obj);
            }
        };

        Thread thread = new Thread() {
            @Override
            public void run() {
                //TODO : set imageView to a "pending" image
                Drawable drawable = fetchDrawable(urlString);
                Message message = handler.obtainMessage(1, drawable);
                handler.sendMessage(message);
            }
        };
        thread.start();
    }

    private InputStream fetch(String urlString) throws MalformedURLException, IOException {
        DefaultHttpClient httpClient = new DefaultHttpClient();
        HttpGet request = new HttpGet(urlString);
        HttpResponse response = httpClient.execute(request);
        return response.getEntity().getContent();
    }
}

I can recommend a different way that works like a charm: Android Query.

You can download that JAR file from here

AQuery androidAQuery = new AQuery(this);

उदहारण के लिए:

androidAQuery.id(YOUR IMAGEVIEW).image(YOUR IMAGE TO LOAD, true, true, getDeviceWidth(), ANY DEFAULT IMAGE YOU WANT TO SHOW);

It's very fast and accurate, and using this you can find many more features like animation when loading, getting a bitmap (if needed), etc.


DroidParts has ImageFetcher that requires zero configuration to get started.

  • Uses a disk & in-memory Least Recently Used (LRU) cache.
  • Efficiently decodes images.
  • Supports modifying bitmaps in background thread.
  • Has simple cross-fade.
  • Has image loading progress callback.

Clone DroidPartsGram for an example:


android-developers.blogspot.com/2010/07/… , गिल्स डेबुन द्वारा एक ट्यूटोरियल।

यह एंड्रॉइड डेवलपर्स ब्लॉग से है। सुझाया गया कोड उपयोग करता है:

  • AsyncTasks
  • एक कठिन, सीमित आकार, FIFO cache
  • एक मुलायम, आसानी से garbage collect कैश।
  • डाउनलोड करते समय एक प्लेसहोल्डर Drawable


I had this issue and implemented lruCache. I believe you need API 12 and above or use the compatiblity v4 library. lurCache is fast memory, but it also has a budget, so if you're worried about that you can use a diskcache... It's all described in developer.android.com/training/displaying-bitmaps/… .

I'll now provide my implementation which is a singleton I call from anywhere like this:

//Where the first is a string and the other is a imageview to load.

DownloadImageTask.getInstance().loadBitmap(avatarURL, iv_avatar);

Here's the ideal code to cache and then call the above in getView of an adapter when retrieving the web image:

public class DownloadImageTask {

    private LruCache<String, Bitmap> mMemoryCache;

    /* Create a singleton class to call this from multiple classes */

    private static DownloadImageTask instance = null;

    public static DownloadImageTask getInstance() {
        if (instance == null) {
            instance = new DownloadImageTask();
        }
        return instance;
    }

    //Lock the constructor from public instances
    private DownloadImageTask() {

        // Get max available VM memory, exceeding this amount will throw an
        // OutOfMemory exception. Stored in kilobytes as LruCache takes an
        // int in its constructor.
        final int maxMemory = (int) (Runtime.getRuntime().maxMemory() / 1024);

        // Use 1/8th of the available memory for this memory cache.
        final int cacheSize = maxMemory / 8;

        mMemoryCache = new LruCache<String, Bitmap>(cacheSize) {
            @Override
            protected int sizeOf(String key, Bitmap bitmap) {
                // The cache size will be measured in kilobytes rather than
                // number of items.
                return bitmap.getByteCount() / 1024;
            }
        };
    }

    public void loadBitmap(String avatarURL, ImageView imageView) {
        final String imageKey = String.valueOf(avatarURL);

        final Bitmap bitmap = getBitmapFromMemCache(imageKey);
        if (bitmap != null) {
            imageView.setImageBitmap(bitmap);
        } else {
            imageView.setImageResource(R.drawable.ic_launcher);

            new DownloadImageTaskViaWeb(imageView).execute(avatarURL);
        }
    }

    private void addBitmapToMemoryCache(String key, Bitmap bitmap) {
        if (getBitmapFromMemCache(key) == null) {
            mMemoryCache.put(key, bitmap);
        }
    }

    private Bitmap getBitmapFromMemCache(String key) {
        return mMemoryCache.get(key);
    }

    /* A background process that opens a http stream and decodes a web image. */

    class DownloadImageTaskViaWeb extends AsyncTask<String, Void, Bitmap> {
        ImageView bmImage;

        public DownloadImageTaskViaWeb(ImageView bmImage) {
            this.bmImage = bmImage;
        }

        protected Bitmap doInBackground(String... urls) {

            String urldisplay = urls[0];
            Bitmap mIcon = null;
            try {
                InputStream in = new java.net.URL(urldisplay).openStream();
                mIcon = BitmapFactory.decodeStream(in);

            } 
            catch (Exception e) {
                Log.e("Error", e.getMessage());
                e.printStackTrace();
            }

            addBitmapToMemoryCache(String.valueOf(urldisplay), mIcon);

            return mIcon;
        }

        /* After decoding we update the view on the main UI. */
        protected void onPostExecute(Bitmap result) {
            bmImage.setImageBitmap(result);
        }
    }
}

एंड्रॉइड के लिए Shutterbug , एप्लाइडियम के लाइटवेट एसडीवेब इमेज (आईओएस पर एक अच्छी लाइब्रेरी) पोर्ट पर एक नज़र डालें। यह एसिंक्रोनस कैशिंग का समर्थन करता है, स्टोर्स असफल यूआरएल, कंसुरेंसी अच्छी तरह से संभालता है, और सहायक उप-वर्ग शामिल हैं।

खींचें अनुरोध (और बग रिपोर्ट) भी स्वागत है!


ग्लाइड लाइब्रेरी का प्रयोग करें। यह मेरे लिए काम करता है और आपके कोड के लिए भी काम करेगा। यह दोनों छवियों के साथ-साथ gifs के लिए भी काम करता है।

ImageView imageView = (ImageView) findViewById(R.id.test_image); 
    GlideDrawableImageViewTarget imagePreview = new GlideDrawableImageViewTarget(imageView);
    Glide
            .with(this)
            .load(url)
            .listener(new RequestListener<String, GlideDrawable>() {
                @Override
                public boolean onException(Exception e, String model, Target<GlideDrawable> target, boolean isFirstResource) {                       
                    return false;
                }

                @Override
                public boolean onResourceReady(GlideDrawable resource, String model, Target<GlideDrawable> target, boolean isFromMemoryCache, boolean isFirstResource) {
                    return false;
                }
            })
            .into(imagePreview);
}

अद्यतन: ध्यान दें कि यह उत्तर अब बहुत अप्रभावी है। कचरा कलेक्टर सॉफ़्ट रेफरेंस और वीक रेफरेंस पर आक्रामक तरीके से कार्य करता है, इसलिए यह कोड नए ऐप्स के लिए उपयुक्त नहीं है। (इसके बजाए, अन्य उत्तरों में सुझाए गए github.com/nostra13/Android-Universal-Image-Loader जैसे पुस्तकालयों को आजमाएं।)

कोड के लिए जेम्स के लिए धन्यवाद, और बाओ-लांग सॉफ़्ट रेफरेंस का उपयोग करने के सुझाव के लिए। मैंने जेम्स कोड पर सॉफ्ट रेफरेंस बदलावों को लागू किया। दुर्भाग्य से सॉफ़्ट रेफरेंस ने मेरी छवियों को कचरा होने के कारण बहुत जल्दी एकत्र किया। मेरे मामले में यह सॉफ्ट रेफरेंस सामान के बिना ठीक था, क्योंकि मेरी सूची का आकार सीमित है और मेरी छवियां छोटी हैं।

Google समूह पर सॉफ़्ट रेफरेंस के संबंध में एक साल पहले एक चर्चा हुई: थ्रेड से लिंक । शुरुआती कचरा संग्रह के समाधान के रूप में, वे dalvik.system.VMRuntime.setMinimumHeapSize () का उपयोग करके VM ढेर आकार को मैन्युअल रूप से सेट करने की संभावना का सुझाव देते हैं, जो मेरे लिए बहुत आकर्षक नहीं है।

public DrawableManager() {
    drawableMap = new HashMap<String, SoftReference<Drawable>>();
}

public Drawable fetchDrawable(String urlString) {
    SoftReference<Drawable> drawableRef = drawableMap.get(urlString);
    if (drawableRef != null) {
        Drawable drawable = drawableRef.get();
        if (drawable != null)
            return drawable;
        // Reference has expired so remove the key from drawableMap
        drawableMap.remove(urlString);
    }

    if (Constants.LOGGING) Log.d(this.getClass().getSimpleName(), "image url:" + urlString);
    try {
        InputStream is = fetch(urlString);
        Drawable drawable = Drawable.createFromStream(is, "src");
        drawableRef = new SoftReference<Drawable>(drawable);
        drawableMap.put(urlString, drawableRef);
        if (Constants.LOGGING) Log.d(this.getClass().getSimpleName(), "got a thumbnail drawable: " + drawable.getBounds() + ", "
                + drawable.getIntrinsicHeight() + "," + drawable.getIntrinsicWidth() + ", "
                + drawable.getMinimumHeight() + "," + drawable.getMinimumWidth());
        return drawableRef.get();
    } catch (MalformedURLException e) {
        if (Constants.LOGGING) Log.e(this.getClass().getSimpleName(), "fetchDrawable failed", e);
        return null;
    } catch (IOException e) {
        if (Constants.LOGGING) Log.e(this.getClass().getSimpleName(), "fetchDrawable failed", e);
        return null;
    }
}

public void fetchDrawableOnThread(final String urlString, final ImageView imageView) {
    SoftReference<Drawable> drawableRef = drawableMap.get(urlString);
    if (drawableRef != null) {
        Drawable drawable = drawableRef.get();
        if (drawable != null) {
            imageView.setImageDrawable(drawableRef.get());
            return;
        }
        // Reference has expired so remove the key from drawableMap
        drawableMap.remove(urlString);
    }

    final Handler handler = new Handler() {
        @Override
        public void handleMessage(Message message) {
            imageView.setImageDrawable((Drawable) message.obj);
        }
    };

    Thread thread = new Thread() {
        @Override
        public void run() {
            //TODO : set imageView to a "pending" image
            Drawable drawable = fetchDrawable(urlString);
            Message message = handler.obtainMessage(1, drawable);
            handler.sendMessage(message);
        }
    };
    thread.start();
}

खैर, इंटरनेट से छवि लोडिंग समय में कई समाधान हैं। आप पुस्तकालय Android-Query का भी उपयोग कर सकते हैं। यह आपको सभी आवश्यक गतिविधि देगा। सुनिश्चित करें कि आप क्या करना चाहते हैं और लाइब्रेरी विकी पेज पढ़ें। और छवि लोडिंग प्रतिबंध हल करें।

यह मेरा कोड है:

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    View v = convertView;
    if (v == null) {
        LayoutInflater vi = (LayoutInflater)getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        v = vi.inflate(R.layout.row, null);
    }

    ImageView imageview = (ImageView) v.findViewById(R.id.icon);
    AQuery aq = new AQuery(convertView);

    String imageUrl = "http://www.vikispot.com/z/images/vikispot/android-w.png";

    aq.id(imageview).progress(this).image(imageUrl, true, true, 0, 0, new BitmapAjaxCallback() {
        @Override
        public void callback(String url, ImageView iv, Bitmap bm, AjaxStatus status) {
            iv.setImageBitmap(bm);
        }
    ));

    return v;
}

यह आपकी आलसी लोडिंग समस्या हल होनी चाहिए।


public class ImageDownloader {

Map<String, Bitmap> imageCache;

public ImageDownloader() {
    imageCache = new HashMap<String, Bitmap>();

}

// download function
public void download(String url, ImageView imageView) {
    if (cancelPotentialDownload(url, imageView)) {

        // Caching code right here
        String filename = String.valueOf(url.hashCode());
        File f = new File(getCacheDirectory(imageView.getContext()),
                filename);

        // Is the bitmap in our memory cache?
        Bitmap bitmap = null;

        bitmap = (Bitmap) imageCache.get(f.getPath());

        if (bitmap == null) {

            bitmap = BitmapFactory.decodeFile(f.getPath());

            if (bitmap != null) {
                imageCache.put(f.getPath(), bitmap);
            }

        }
        // No? download it
        if (bitmap == null) {
            try {
                BitmapDownloaderTask task = new BitmapDownloaderTask(
                        imageView);
                DownloadedDrawable downloadedDrawable = new DownloadedDrawable(
                        task);
                imageView.setImageDrawable(downloadedDrawable);
                task.execute(url);
            } catch (Exception e) {
                Log.e("Error==>", e.toString());
            }

        } else {
            // Yes? set the image
            imageView.setImageBitmap(bitmap);
        }
    }
}

// cancel a download (internal only)
private static boolean cancelPotentialDownload(String url,
        ImageView imageView) {
    BitmapDownloaderTask bitmapDownloaderTask = getBitmapDownloaderTask(imageView);

    if (bitmapDownloaderTask != null) {
        String bitmapUrl = bitmapDownloaderTask.url;
        if ((bitmapUrl == null) || (!bitmapUrl.equals(url))) {
            bitmapDownloaderTask.cancel(true);
        } else {
            // The same URL is already being downloaded.
            return false;
        }
    }
    return true;
}

// gets an existing download if one exists for the imageview
private static BitmapDownloaderTask getBitmapDownloaderTask(
        ImageView imageView) {
    if (imageView != null) {
        Drawable drawable = imageView.getDrawable();
        if (drawable instanceof DownloadedDrawable) {
            DownloadedDrawable downloadedDrawable = (DownloadedDrawable) drawable;
            return downloadedDrawable.getBitmapDownloaderTask();
        }
    }
    return null;
}

// our caching functions
// Find the dir to save cached images
private static File getCacheDirectory(Context context) {
    String sdState = android.os.Environment.getExternalStorageState();
    File cacheDir;

    if (sdState.equals(android.os.Environment.MEDIA_MOUNTED)) {
        File sdDir = android.os.Environment.getExternalStorageDirectory();

        // TODO : Change your diretcory here
        cacheDir = new File(sdDir, "data/ToDo/images");
    } else
        cacheDir = context.getCacheDir();

    if (!cacheDir.exists())
        cacheDir.mkdirs();
    return cacheDir;
}

private void writeFile(Bitmap bmp, File f) {
    FileOutputStream out = null;

    try {
        out = new FileOutputStream(f);
        bmp.compress(Bitmap.CompressFormat.PNG, 80, out);
    } catch (Exception e) {
        e.printStackTrace();
    } finally {
        try {
            if (out != null)
                out.close();
        } catch (Exception ex) {
        }
    }
}

// download asynctask
public class BitmapDownloaderTask extends AsyncTask<String, Void, Bitmap> {
    private String url;
    private final WeakReference<ImageView> imageViewReference;

    public BitmapDownloaderTask(ImageView imageView) {
        imageViewReference = new WeakReference<ImageView>(imageView);
    }

    @Override
    // Actual download method, run in the task thread
    protected Bitmap doInBackground(String... params) {
        // params comes from the execute() call: params[0] is the url.
        url = (String) params[0];
        return downloadBitmap(params[0]);
    }

    @Override
    // Once the image is downloaded, associates it to the imageView
    protected void onPostExecute(Bitmap bitmap) {
        if (isCancelled()) {
            bitmap = null;
        }

        if (imageViewReference != null) {
            ImageView imageView = imageViewReference.get();
            BitmapDownloaderTask bitmapDownloaderTask = getBitmapDownloaderTask(imageView);
            // Change bitmap only if this process is still associated with
            // it
            if (this == bitmapDownloaderTask) {
                imageView.setImageBitmap(bitmap);

                // cache the image

                String filename = String.valueOf(url.hashCode());
                File f = new File(
                        getCacheDirectory(imageView.getContext()), filename);

                imageCache.put(f.getPath(), bitmap);

                writeFile(bitmap, f);
            }
        }
    }

}

static class DownloadedDrawable extends ColorDrawable {
    private final WeakReference<BitmapDownloaderTask> bitmapDownloaderTaskReference;

    public DownloadedDrawable(BitmapDownloaderTask bitmapDownloaderTask) {
        super(Color.WHITE);
        bitmapDownloaderTaskReference = new WeakReference<BitmapDownloaderTask>(
                bitmapDownloaderTask);
    }

    public BitmapDownloaderTask getBitmapDownloaderTask() {
        return bitmapDownloaderTaskReference.get();
    }
}

// the actual download code
static Bitmap downloadBitmap(String url) {
    HttpParams params = new BasicHttpParams();
    params.setParameter(CoreProtocolPNames.PROTOCOL_VERSION,
            HttpVersion.HTTP_1_1);
    HttpClient client = new DefaultHttpClient(params);
    final HttpGet getRequest = new HttpGet(url);

    try {
        HttpResponse response = client.execute(getRequest);
        final int statusCode = response.getStatusLine().getStatusCode();
        if (statusCode != HttpStatus.SC_OK) {
            Log.w("ImageDownloader", "Error " + statusCode
                    + " while retrieving bitmap from " + url);
            return null;
        }

        final HttpEntity entity = response.getEntity();
        if (entity != null) {
            InputStream inputStream = null;
            try {
                inputStream = entity.getContent();
                final Bitmap bitmap = BitmapFactory
                        .decodeStream(inputStream);
                return bitmap;
            } finally {
                if (inputStream != null) {
                    inputStream.close();
                }
                entity.consumeContent();
            }
        }
    } catch (Exception e) {
        // Could provide a more explicit error message for IOException or
        // IllegalStateException
        getRequest.abort();
        Log.w("ImageDownloader", "Error while retrieving bitmap from "
                + url + e.toString());
    } finally {
        if (client != null) {
            // client.close();
        }
    }
    return null;
 }
}

Check my fork of LazyList . Basically, I improve the LazyList by delaying the call of the ImageView and create two methods:

  1. When you need to put something like "Loading image..."
  2. When you need to show the downloaded image.

I also improved the ImageLoader by implementing a singleton in this object.


मैंने छवियों के साथ एक आलसी सूची (गिटहब में स्थित) का एक साधारण डेमो बनाया। यह किसी के लिए सहायक हो सकता है। यह पृष्ठभूमि धागे में छवियों को डाउनलोड करता है। छवियों को एक एसडी कार्ड और स्मृति में कैश किया जा रहा है। कैश कार्यान्वयन बहुत आसान है और डेमो के लिए पर्याप्त है। मैं मेमोरी खपत को कम करने के लिए inSampleSize के साथ छवियों को डीकोड करता हूं। मैं रीसाइक्लिंग विचारों को सही तरीके से संभालने का भी प्रयास करता हूं।


मैंने एक ट्यूटोरियल लिखा है जो बताता है कि सूचीदृश्य में छवियों की आलसी लोडिंग कैसे करें। मैं रीसाइक्लिंग और समवर्ती मुद्दों के बारे में कुछ विस्तार में जाता हूं। मैं बहुत सारे धागे को रोकने के लिए एक निश्चित थ्रेड पूल का भी उपयोग करता हूं।

Listview ट्यूटोरियल में छवियों की आलसी लोडिंग


Novoda also has a great lazy image loading library and many apps like Songkick, Podio, SecretDJ and ImageSearch use their library.

Their library is hosted here on Github and they have a pretty active issues tracker as well. Their project seems to be pretty active too, with over 300+ commits at the time of writing this reply.


जिस तरह से मैं पृष्ठभूमि में छवियों को डाउनलोड करने के लिए धागा लॉन्च करके और प्रत्येक सूची आइटम के लिए कॉलबैक सौंपता हूं। जब कोई छवि डाउनलोड हो जाती है तो इसे कॉलबैक कहते हैं जो सूची आइटम के दृश्य को अपडेट करता है।

हालांकि जब आप रीसाइक्लिंग विचार कर रहे हों तो यह विधि बहुत अच्छी तरह से काम नहीं करती है।


मैं नई एंड्रॉइड वॉली लाइब्रेरी com.android.volley.toolbox.NetworkImageView से NetworkImageView का उपयोग कर रहा हूं, और ऐसा लगता है कि यह बहुत अच्छी तरह से काम कर रहा है। जाहिर है, यह वही दृश्य है जिसका उपयोग Google Play और अन्य नए Google अनुप्रयोगों में किया जाता है। निश्चित रूप से जांचने लायक है।


मैंने इस एंड्रॉइड ट्रेनिंग का पालन किया है और मुझे लगता है कि यह मुख्य यूआई को अवरुद्ध किए बिना छवियों को डाउनलोड करने में एक उत्कृष्ट काम करता है। यह कैशिंग को संभालने और कई छवियों के माध्यम से स्क्रॉलिंग से निपटने में भी काम करता है: बड़ी बिटमैप्स को कुशलता से लोड करना


1. पिकासो आपके आवेदन में परेशानी मुक्त छवि लोडिंग की अनुमति देता है-अक्सर कोड की एक पंक्ति में!

ग्रैडल का प्रयोग करें:

implementation 'com.squareup.picasso:picasso:2.71828'

कोड की बस एक पंक्ति!

Picasso.get().load("http://i.imgur.com/DvpvklR.png").into(imageView);

एंड्रॉइड पर छवि लोडिंग के कई सामान्य नुकसान स्वचालित रूप से पिकासो द्वारा संभाले जाते हैं

  • ImageView रीसाइक्लिंग को संभालना और एडाप्टर में रद्द करना डाउनलोड करें।
  • न्यूनतम स्मृति उपयोग के साथ जटिल छवि परिवर्तन।
  • स्वचालित मेमोरी और डिस्क कैशिंग।

2. ग्लाइड एंड्रॉइड के लिए एक छवि लोडिंग और कैशिंग लाइब्रेरी चिकनी स्क्रॉलिंग पर केंद्रित है

ग्रैडल का प्रयोग करें:

repositories {
  mavenCentral() // jcenter() works as well because it pulls from Maven Central
}

dependencies {
  compile 'com.github.bumptech.glide:glide:3.7.0'
  compile 'com.android.support:support-v4:19.1.0'
}

// एक साधारण दृश्य के लिए:

@Override public void onCreate(Bundle savedInstanceState) {
  ...
  ImageView imageView = (ImageView) findViewById(R.id.my_image_view);

  Glide.with(this).load("http://i.imgur.com/DvpvklR.png").into(imageView);
}

// एक साधारण छवि सूची के लिए:

 @Override public View getView(int position, View recycled, ViewGroup container) {
      final ImageView myImageView;
      if (recycled == null) {
        myImageView = (ImageView) inflater.inflate(R.layout.my_image_view, container, false);
      } else {
        myImageView = (ImageView) recycled;
      }

      String url = myUrls.get(position);

      Glide
        .with(myFragment)
        .load(url)
        .centerCrop()
        .placeholder(R.drawable.loading_spinner)
        .crossFade()
        .into(myImageView);

      return myImageView;
}




universal-image-loader