android - تحميل كسول من الصور في ListView




image url (20)

أستخدم ListView لعرض بعض الصور والتعليقات المصاحبة لتلك الصور. أنا أتلقى الصور من الإنترنت. هل هناك طريقة لتحميل الصور كسولًا حتى أثناء عرض النص ، لا يتم قفل واجهة المستخدم ويتم عرض الصور أثناء تنزيلها؟

العدد الإجمالي للصور غير ثابت.


أريد فقط إضافة مثال جيد آخر ، محولات XML . نظرًا لأنه يتم استخدامه بواسطة Google ، فأنا أستخدم أيضًا نفس المنطق لتجنب حدوث خطأ OutOfMemory.

أساسا هذا ImageDownloader هو إجابتك (لأنها تغطي معظم متطلباتك). بعض يمكنك أيضا تنفيذ ذلك.


أعتقد أن هذه المشكلة تحظى بشعبية كبيرة بين مطوّري برامج Android ، وهناك الكثير من هذه المكتبات التي تدعي حل هذه المشكلة ، ولكن يبدو أن عددًا قليلاً منها فقط على المحك. AQuery هي إحدى هذه المكتبات ، لكنها أفضل من معظمها في جميع الجوانب وتستحق المحاولة.


إلقاء نظرة على Shutterbug ، SDLebImage أبليديوم خفيفة الوزن (مكتبة لطيفة على دائرة الرقابة الداخلية) إلى الروبوت. وهو يدعم التخزين المؤقت غير المتزامن ، يخزن عناوين المواقع الفاشلة ، ويعالج التزامن بشكل جيد ، ويتم تضمين الفئات الفرعية المساعدة.

طلبات السحب (وتقارير الأخطاء) هي موضع ترحيب أيضًا!


إليك ما قمت بإنشائه للاحتفاظ بالصور التي يعرضها تطبيقي حاليًا. يرجى ملاحظة أن الكائن "Log" المستخدم هنا هو غلاف مخصص حول فئة السجل النهائية داخل Android.

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

حسنا ، وقت تحميل الصور من الإنترنت لديه العديد من الحلول. يمكنك أيضًا استخدام المكتبة Android-Query . سوف يوفر لك كل النشاط المطلوب. تأكد من ما تريد القيام به وقراءة صفحة wiki الخاصة بالمكتبة. وحل قيود تحميل الصور.

هذه هي شفرتي:

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

يجب أن يكون حل مشكلة التحميل البطيئة.


لقد اتبعت هذا التدريب الروبوت وأعتقد أنه يقوم بعمل ممتاز في تحميل الصور دون عرقلة واجهة المستخدم الرئيسية. كما أنه يتعامل مع التخزين المؤقت والتعامل مع التمرير من خلال العديد من الصور: تحميل الصور النقطية الكبيرة بكفاءة


لقد قدمت عرضًا بسيطًا لقائمة كسول (موجودة في GitHub) مع الصور. قد يكون من المفيد لشخص ما. يقوم بتنزيل الصور في مؤشر ترابط الخلفية. يتم تخزين الصور مؤقتًا على بطاقة SD وفي الذاكرة. تطبيق ذاكرة التخزين المؤقت بسيط جدًا ويكفي لعرضه التوضيحي. أقوم بفك شفرة الصور باستخدام inSampleSize لتقليل استهلاك الذاكرة. أحاول أيضا التعامل مع وجهات النظر المعاد تدويرها بشكل صحيح.


لقد كتبت برنامجًا تعليميًا يشرح كيفية إجراء تحميل كسول للصور في listview. أذهب إلى بعض التفاصيل حول قضايا إعادة التدوير والتزامن. أنا أيضا استخدام بركة الصفحات ثابتة لمنع وضع الكثير من المواضيع.

تحميل كسول من الصور في Listview دروس


هذه مشكلة شائعة على Android تم حلها بطرق كثيرة من قبل العديد من الأشخاص. في رأيي أن أفضل حل رأيته هو المكتبة الجديدة نسبياً المسماة بيكاسو . فيما يلي النقاط البارزة:

  • المصدر المفتوح ، ولكن برئاسة Jake Wharton من ActionBarSherlock الشهرة.
  • تحميل الصور بشكل غير متزامن من شبكة أو موارد التطبيق مع سطر واحد من التعليمات البرمجية
  • الكشف التلقائي ListView
  • التخزين التلقائي للذاكرة والذاكرة
  • يمكن القيام تحويلات مخصصة
  • الكثير من الخيارات شكلي
  • سوبر API بسيطة
  • يتم تحديثه بشكل متكرر

يجب أن تجرب هذا Universal Loader هو الأفضل. أنا أستخدم هذا بعد القيام العديد من RnD على التحميل البطيئة.

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

الميزات

  • تحميل صور متعددة الأشكال (متزامن أو متزامن)
  • 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


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:



بيكاسو

استخدم مكتبة بيكاسو لجيك واريتون. (مكتبة مثالية ImageLoading شكل المطور من ActionBarSherlock)

صورة قوية تحميل مكتبة والتخزين المؤقت لالروبوت.

تضيف الصور السياق والحاجة الماسة إلى تطبيقات Android. يسمح بيكاسو بتحميل صور خالية من المتاعب في تطبيقك - غالبًا في سطر واحد من الكود!

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

تتم معالجة العديد من المخاطر الشائعة لتحميل الصور على Android تلقائيًا بواسطة بيكاسو:

التعامل مع إعادة تدوير ImageView وتحميل الإلغاء في محول. تحويلات الصور المعقدة بأقل استخدام للذاكرة. الذاكرة التلقائية والتخزين المؤقت للقرص.

مكتبة بيكاسو جيك وارتون

زحلقة

Glide هو إطار إدارة وسائط مفتوحة المصدر سريع وفعال للأندرويد يلتف على فك تشفير الوسائط ، التخزين المؤقت للذاكرة والقرص ، وتجميع الموارد إلى واجهة بسيطة وسهلة الاستخدام.

يدعم الإنزلاق جلب صور الفيديو والصور وملفات GIF المتحركة. يتضمن Glide واجهة برمجة تطبيقات مرنة تسمح للمطورين بالتوصيل إلى أي مكدس شبكة تقريبًا. افتراضيًا ، يستخدم Glide مجموعة مكونة من HttpUrlConnection مخصصة ، ولكنه يشتمل أيضًا على مكتبات أدوات مساعدة موصلة بمشروع Google Volley أو مكتبة OkHttp في Square بدلاً من ذلك.

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

ينصب تركيز Glide الأساسي على جعل أي نوع من قائمة الصور من التمرير على نحو سلس وسريع قدر الإمكان ، ولكن Glide فعال أيضًا في أي حالة تحتاج فيها إلى إحضار صورة عن بُعد وتغيير حجمها وعرضها.

الانزلاق صورة تحميل المكتبة

فريسكو من فيسبوك

Fresco هو نظام قوي لعرض الصور في تطبيقات Android.

تعتني Fresco بتحميل الصور وعرضها ، لذلك لا تضطر إلى ذلك. سيتم تحميل الصور من الشبكة ، أو التخزين المحلي ، أو الموارد المحلية ، وعرض العنصر النائب حتى وصول الصورة. له مستويين من ذاكرة التخزين المؤقت؛ واحد في الذاكرة وآخر في التخزين الداخلي.

فريسكو جيثب

في الإصدار 4.x من Android والإصدارات الأقدم ، يضع Fresco الصور في منطقة خاصة من ذاكرة Android. هذا يتيح تشغيل التطبيق الخاص بك بشكل أسرع - ويعاني OutOfMemoryError اللعين أقل في كثير من الأحيان.

وثائق فريسكو


تحديث: لاحظ أن هذه الإجابة غير فعالة حتى الآن. يعمل جامع البيانات المهملة بقوة على SoftReference و WeakReference ، لذا لا يعد هذا الرمز مناسبًا للتطبيقات الجديدة. (بدلاً من ذلك ، جرّب استخدام مكتبات مثل github.com/nostra13/Android-Universal-Image-Loader في إجابات أخرى.)

بفضل جيمس للرمز ، وباو لونغ لاقتراح استخدام SoftReference. قمت بتطبيق التغييرات SoftReference على رمز جيمس. لسوء الحظ تسبب SoftReferences صوري لجمع القمامة بسرعة كبيرة. في حالتي كانت جيدة دون الأشياء SoftReference ، لأن حجم قائمتي محدود وصوري صغيرة.

هناك نقاش منذ عام حول SoftReferences على مجموعات google: link to thread . كحل لمجموعات المهملة مبكرًا جدًا ، يقترحون إمكانية إعداد حجم كومة الذاكرة المؤقتة يدويًا باستخدام dalvik.system.VMRuntime.setMinimumHeapSize () ، وهو ليس جذابًا جدًا بالنسبة لي.

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

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.


Give Android-Query a try. It has amazingly simple methods to load and cache images asynchronously.


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

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.


استخدم مكتبة الإنزلاق. انها تعمل بالنسبة لي وسوف تعمل من أجل رمزك أيضا. انها تعمل لكلا الصور وكذلك 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);
}

يمكنك تجربة مكتبة Aquery Android للحصول على صورة تحميل كسولة و listview ... قد يساعدك الرمز أدناه على تنزيل مكتبة من هنا .

AQuery aq = new AQuery(mContext);
aq.id(R.id.image1).image("http://data.whicdn.com/images/63995806/original.jpg");




universal-image-loader