Android如何高效的加载图片（2）---在ui线程中处理Bitmaps

最新推荐文章于 2024-03-28 10:55:25 发布

Mr丶D

最新推荐文章于 2024-03-28 10:55:25 发布

阅读量1.6k

点赞数

分类专栏： Java Android 文章标签： android ui 图片线程

本文链接：https://blog.csdn.net/cn_1937/article/details/74982517

版权

Android 同时被 2 个专栏收录

28 篇文章 0 订阅

订阅专栏

Java

16 篇文章 0 订阅

订阅专栏

前面我们总结了Androd中如何去加载尺寸比较大的图片。现在我们需要考虑的问题是当我们从磁盘或者网络中加载图片时，由于磁盘的读取速度或者网速的原因导致话费很长的时间去加载。如果吧这些耗时的代码放在ui线程，会导致ANR异常。
所以。这篇文章中，我们将讨论使用AsyncTask在后台线程中去加载图片，并且最后将会教你如果处理并发问题。

使用AsyncTask

AsyncTask类提供了一些的方法在后台线程执行一些耗时操作，并且把最终的执行结果发布到ui线程。
AsyncTask使用步骤，首先，创建一个类去继承AsyncTask。然后重写它的一些方法，下面这断代码使用了AsyncTask和decodeSampledBitmapFromResource()(注：此方法为以合适的缩放比加载bitmap图片，具体请看上一节Android中Bitmaps 处理详解（1）中此方法的创建过程)把一张尺寸较大的图片加载进ImageView。

class BitmapWorkerTask extends AsyncTask<Integer, Void, Bitmap> {
    private final WeakReference<ImageView> imageViewReference;
    private int data = 0;

    public BitmapWorkerTask(ImageView imageView) {
        // 使用软引用是为了确保ImageView可以被及时的回收
        imageViewReference = new WeakReference<ImageView>(imageView);
    }

    // 在后台线程中获取图片并转为bitmap.
    @Override
    protected Bitmap doInBackground(Integer... params) {
        data = params[0];
        return decodeSampledBitmapFromResource(getResources(), data, 100, 100));
    }

    // 获取到bitmap后，判断如果ImageView没有被回收，则吧图片加载进ImageView
    @Override
    protected void onPostExecute(Bitmap bitmap) {
        if (imageViewReference != null && bitmap != null) {
            final ImageView imageView = imageViewReference.get();
            if (imageView != null) {
                imageView.setImageBitmap(bitmap);
            }
        }
    }
}

在上面的代码中，对ImageView使用了软引用WeakReference，目的是为了确保AsyncTask不会阻止ImageView和ImageView持有的其他引用被及时回收。所以在后台执行完任务后，我们不确定ImageView是否被回收，所以在**onPostExecute()**方法中判断ImageView是否为null, 比如，如果用户在AsyncTask执行结束前关闭了Activity界面。

通过以上封装，我们在后台线程中加载图片可以简答的用下面的代码就可完成：

public void loadBitmap(int resId, ImageView imageView) {
    BitmapWorkerTask task = new BitmapWorkerTask(imageView);
    task.execute(resId);
}

处理并发问题

常见的视图组件，如ListView和GridView，在使用前面AsyncTask操作时面对同样的问题就是，为了消耗内存，这些组件在滚动的时候会去循环利用他们的子View,如果每个子View都执行了AsyncTask，所以我们不能确定，某个item执行了AsyncTask，当Async执行完毕后，该item是否还存在，同样，我们也不能保证AsyncTask的启动顺序就是AsyncTask的完成顺序。
有国外大牛给出了解决方法，用ImageView存储最近的AsyncTask引用（如果这个现在不好理解，可窘继续往下看）。
首先，创建一个Drawable的子类来存储对任务（即AsyncTask）的引用，在本例中，使用BitmapDrawable，以便在任务完成时，在ImageView中显示占位图。谷歌官方给出的代码如下：

static class AsyncDrawable extends BitmapDrawable {
    private final WeakReference<BitmapWorkerTask> bitmapWorkerTaskReference;

    public AsyncDrawable(Resources res, Bitmap bitmap,
            BitmapWorkerTask bitmapWorkerTask) {
        super(res, bitmap);
        bitmapWorkerTaskReference =
            new WeakReference<BitmapWorkerTask>(bitmapWorkerTask);
    }

    public BitmapWorkerTask getBitmapWorkerTask() {
        return bitmapWorkerTaskReference.get();
    }
}

我们看到上面代码中，先不管它的父类BitmapDrawable和弱引用WeakReference；我们简化上面的代码就是：


    static class AsyncDrawable {
        BitmapWorkerTask bitmapWorkerTaskReference;
        
        public AsyncDrawable( BitmapWorkerTask bitmapWorkerTask) {
            bitmapWorkerTaskReference = bitmapWorkerTask;
        }
        
        public BitmapWorkerTask getBitmapWorkerTask() {
            return bitmapWorkerTaskReference;
        }
    }

通过简化的代码，我们知道，上步我们只是创建了一个类，然后在类中创建一个成员变量BitmapWorkerTask，然后添加set/get方法来设置获取BitmapWorkerTask。

回到我们的问题，我们前面说过，要把任务与ImageView绑定到一起，即把
BitmapWorkerTask和ImageView绑定到一起，测试我们想到的ImageView有setTag()和getTag()方法，可以完成，当然，这也是一种思路。
现在国外大牛提供了一种更巧妙的解决方法就是把通过ImageView的setImageDrawable()方法和getDrawable()方法来进行绑定，这样绑定的好处因为他的参数是Drawable对象，我们可以通过在Drawable的子类当中来设置任务，然后当任务执行前，ImageView就去加载Drawable子类所对应的图片，任务执行结束后，ImageView已经加载了需要去加载的图片。这样的Drawable就相当于一个placeholder占位图，实现了ImageView对任务的绑定。

所以我们上面类需要去继承BitmapDrawable类。而用软引用的作用前面已经说过了，这里再不做重复说明了。

这会儿我们看看这个并发问题中处理加载图片的最终代码：

public void loadBitmap(int resId, ImageView imageView) {
    if (cancelPotentialWork(resId, imageView)) {
        final BitmapWorkerTask task = new BitmapWorkerTask(imageView);
        // 创建AsyncDrawable对象
        final AsyncDrawable asyncDrawable =
                new AsyncDrawable(getResources(), mPlaceHolderBitmap, task);
        // 绑定ImageView与任务
        imageView.setImageDrawable(asyncDrawable);
        task.execute(resId);
    }
}

我们看到，在执行任务前，我们首先调用了cancelPotentialWork(resId, imageView)方法，那么这个方法是干什么用的呢？
下面为cancelPotentialWork(resId, imageView)方法的代码：

public static boolean cancelPotentialWork(int data, ImageView imageView) {
	// 获取当前ImageView绑定的任务
    final BitmapWorkerTask bitmapWorkerTask = getBitmapWorkerTask(imageView);

    if (bitmapWorkerTask != null) {
	    // 获取到任务执行的资源Id
        final int bitmapData = bitmapWorkerTask.data;
        // 判断id是否被设置过，跟当前的id是否相同
        if (bitmapData == 0 || bitmapData != data) {
            // 如果不相同，退出任务
            bitmapWorkerTask.cancel(true);
        } else {
            // 如果相同，则说明当前的任务正在运行。
            return false;
        }
    }
     // 当前的ImageView没有绑定任务，或者任务已经运行完成
    return true;
}

我们看到上面代码中有个方法，getBitmapWorkerTask(imageView)，这个方法就是获取传入的ImageView所绑定的任务，起实现代码为下：

private static BitmapWorkerTask getBitmapWorkerTask(ImageView imageView) {
   if (imageView != null) {
       final Drawable drawable = imageView.getDrawable();
       if (drawable instanceof AsyncDrawable) {
           final AsyncDrawable asyncDrawable = (AsyncDrawable) drawable;
           return asyncDrawable.getBitmapWorkerTask();
       }
    }
    return null;
}

下面来解释一下代码：
首先，我们会调用loadBitmap(int resId, ImageView imageView)传入要加载的图片的资源ID，和图片显示的控件去加载图片，先去获取控件ImageView所绑定的加载任务，判断当前ImageView所绑定的任务(如果绑定了任务)中加载的图片资源Id是否与当前即将要被加载的图片资源ID相同，如果不同，则退出当前ImageView所绑定的任务，重新开始新的任务去加载当前传入的资源id。
如果当前的资源id与ImageView所绑定的任务正在加载的资源ID相同，则让它继续执行任务，不去干预。

最后我们重新去修改 BitmapWorkerTask中的**onPostExecute()**里面的代码如下：

class BitmapWorkerTask extends AsyncTask<Integer, Void, Bitmap> {
    ...

    @Override
    protected void onPostExecute(Bitmap bitmap) {
        if (isCancelled()) {
            bitmap = null;
        }

        if (imageViewReference != null && bitmap != null) {
            final ImageView imageView = imageViewReference.get();
            final BitmapWorkerTask bitmapWorkerTask =
                    getBitmapWorkerTask(imageView);
            if (this == bitmapWorkerTask && imageView != null) {
                imageView.setImageBitmap(bitmap);
            }
        }
    }
}