listview上的异步图像加载器[Android]

Android ListView异步图像加载器详解

基础概念

ListView异步图像加载器是Android开发中用于高效加载和显示列表项中网络或本地图片的解决方案。由于ListView的复用机制和UI线程限制，直接在主线程加载图片会导致卡顿、内存溢出等问题，异步加载器通过后台线程加载、内存缓存和磁盘缓存等机制解决这些问题。

优势

避免UI卡顿：图片加载在后台线程进行，不影响主线程响应
内存管理：自动管理内存缓存，防止OOM(内存溢出)
性能优化：支持图片压缩、缓存复用，减少网络请求
列表流畅性：正确处理View复用，避免图片错位
生命周期感知：可与Activity/Fragment生命周期绑定

常见实现类型

基础AsyncTask实现：简单但不够完善
第三方库：
- Glide
- Picasso
- Fresco
- Universal Image Loader(已停止维护)

应用场景

社交应用中的好友列表头像
电商应用中的商品列表图片
新闻应用中的文章列表缩略图
任何需要显示大量网络图片的列表界面

常见问题及解决方案

问题1：图片错位

原因：ListView复用View时，异步加载完成前View已被复用

解决方案：

// 在getView()中设置tag
imageView.setTag(imageUrl);
imageLoader.loadImage(imageUrl, new ImageLoader.ImageListener() {
    @Override
    public void onResponse(ImageLoader.ImageContainer response, boolean isImmediate) {
        if (imageView.getTag().equals(imageUrl)) {
            imageView.setImageBitmap(response.getBitmap());
        }
    }
});

问题2：内存溢出(OOM)

原因：加载大图或缓存过多图片

解决方案：

使用图片压缩
实现内存缓存(LruCache)
使用弱引用缓存

问题3：列表滚动卡顿

原因：频繁创建线程或同步加载

解决方案：

使用线程池管理加载任务
实现任务取消机制

完整实现示例

public class ImageLoader {
    private LruCache<String, Bitmap> memoryCache;
    private ExecutorService executorService;
    private Handler handler = new Handler(Looper.getMainLooper());

    public ImageLoader() {
        // 初始化内存缓存
        final int maxMemory = (int) (Runtime.getRuntime().maxMemory() / 1024);
        final int cacheSize = maxMemory / 8;
        
        memoryCache = new LruCache<String, Bitmap>(cacheSize) {
            @Override
            protected int sizeOf(String key, Bitmap bitmap) {
                return bitmap.getByteCount() / 1024;
            }
        };
        
        executorService = Executors.newFixedThreadPool(5);
    }

    public void loadImage(final String url, final ImageView imageView) {
        final String imageKey = String.valueOf(url.hashCode());
        
        // 检查内存缓存
        final Bitmap bitmap = getBitmapFromMemCache(imageKey);
        if (bitmap != null) {
            imageView.setImageBitmap(bitmap);
            return;
        }
        
        // 设置占位图
        imageView.setImageResource(R.drawable.placeholder);
        
        // 检查View是否已被复用
        imageView.setTag(url);
        
        executorService.submit(new Runnable() {
            @Override
            public void run() {
                Bitmap bitmap = downloadBitmap(url);
                if (bitmap != null) {
                    addBitmapToMemoryCache(imageKey, bitmap);
                    
                    handler.post(new Runnable() {
                        @Override
                        public void run() {
                            if (imageView.getTag().equals(url)) {
                                imageView.setImageBitmap(bitmap);
                            }
                        }
                    });
                }
            }
        });
    }

    private Bitmap downloadBitmap(String url) {
        HttpURLConnection connection = null;
        try {
            URL imageUrl = new URL(url);
            connection = (HttpURLConnection) imageUrl.openConnection();
            connection.setDoInput(true);
            connection.connect();
            InputStream input = connection.getInputStream();
            return BitmapFactory.decodeStream(input);
        } catch (Exception e) {
            e.printStackTrace();
            return null;
        } finally {
            if (connection != null) {
                connection.disconnect();
            }
        }
    }

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

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