Android 图片加载卡顿

原创

mob649e81680b4f 2024-02-02 08:58:18 ©著作权

文章标签 图片加载 java 加载 文章分类 Android 移动开发

©著作权归作者所有：来自51CTO博客作者mob649e81680b4f的原创作品，请联系作者获取转载授权，否则将追究法律责任

Android 图片加载卡顿

1. 问题描述

在实际的 Android 开发中，我们经常会遇到图片加载卡顿的问题。当加载大量图片或者网络环境较差时，图片加载会变得非常缓慢甚至导致界面卡顿，影响用户体验。本文将介绍图片加载卡顿的原因，并提供一些优化方案来解决这个问题。

2. 问题原因

图片加载卡顿的原因主要有以下几点：

主线程阻塞： 默认情况下，Android 的 UI 操作都是在主线程中执行的，包括图片的加载和显示。当图片加载耗时较长时，会导致主线程阻塞，进而导致界面卡顿。
内存占用过高： 图片在加载和显示过程中会占用内存资源，如果加载的图片过多或者图片过大，会导致内存占用过高，从而引起系统性能下降。
网络延迟： 如果图片需要从网络获取，而网络环境较差或者服务器负载过高，会导致图片加载时间过长，从而影响用户体验。

3. 优化方案

为了解决图片加载卡顿的问题，可以采取以下优化方案：

3.1 使用异步加载

将图片加载的过程放在子线程中执行，这样就不会阻塞主线程。Android 提供了 AsyncTask 类来实现异步加载，示例如下：

public class LoadImageTask extends AsyncTask<String, Void, Bitmap> {
    private ImageView imageView;

    public LoadImageTask(ImageView imageView) {
        this.imageView = imageView;
    }

    @Override
    protected Bitmap doInBackground(String... params) {
        String imageUrl = params[0];
        Bitmap bitmap = null;
        // 加载图片的逻辑代码
        return bitmap;
    }

    @Override
    protected void onPostExecute(Bitmap bitmap) {
        if (bitmap != null) {
            imageView.setImageBitmap(bitmap);
        }
    }
}

在需要加载图片的地方调用 LoadImageTask：

new LoadImageTask(imageView).execute(imageUrl);

3.2 图片压缩处理

对于加载的图片，可以进行压缩处理来减少内存占用。Android 提供了 BitmapFactory 类的 decodeSampledBitmapFromResource 方法来实现图片压缩。示例如下：

public static Bitmap decodeSampledBitmapFromResource(Resources res, int resId,
        int reqWidth, int reqHeight) {

    final BitmapFactory.Options options = new BitmapFactory.Options();
    options.inJustDecodeBounds = true;
    BitmapFactory.decodeResource(res, resId, options);

    options.inSampleSize = calculateInSampleSize(options, reqWidth, reqHeight);

    options.inJustDecodeBounds = false;
    return BitmapFactory.decodeResource(res, resId, options);
}

3.3 使用图片缓存

为了避免每次加载图片都从网络或者本地读取，可以使用图片缓存来提高加载速度。Android 提供了 LruCache 类来实现图片缓存功能。示例如下：

int maxMemory = (int) (Runtime.getRuntime().maxMemory() / 1024);
int cacheSize = maxMemory / 8;

LruCache<String, Bitmap> mMemoryCache = new LruCache<String, Bitmap>(cacheSize) {
    @Override
    protected int sizeOf(String key, Bitmap bitmap) {
        return bitmap.getByteCount() / 1024;
    }
};

将图片加载后的 Bitmap 对象放入缓存：