Android 图片加载 BitmapFun

通过BitmapFun在项目中使用，结合代码了解一下BitmapFun加载图片的原理，以及最佳使用实践。本文说明不包括BitmapFun的缓存部分。

Android开发在使用ListView和GridView时，可能会有很多网络图片需要加载，通常我们会为每个图片加载启动一个Thread或者直接使用官方提供的AsyncTask，来做Http异步加载，但当每个ImageView子视图都触发一个AsyncTask来异步加载图片时，这样就会产生如下问题：

1. 当用户快速滑动时，ImageView已经被回收，而绑定的线程还在运行，浪费CPU，浪费内存。

2. 无法确保当前视图在结束时，分配的视图已经进入循环队列中给另外一个子视图进行重用，意思就是，图片显示错位了，不该显示到当前问题的图片却显示了，这个是经常遇到的问题。可以结合Adapter中的getView方法的convertView参数理解，ListView是回收和重复利用item的。

3. 无法确保所有的异步任务能够按顺序执行。

在这些问题下，官网给出的答案是，使用下面的方法来保证:

1. ImageView和Task绑定准确的加载对应图片；

2. ImageView和Task无法对应时则取消任务；

不多说直接上代码：

BitmapFun实现多线程并发加载图片的原理：

一个类，两个方法：

class AsyncDrawable extends BitmapDrawable{...}

 

boolean cancelPotentialWork(String url, ImageView imageView){...}

 

ImageViewResizeTask getBitmapWorkerTask(ImageView imageView){...}

具体代码实现如下：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56

/**  * 扩展BitmapDrawable类，通过弱引用关联任务BitmapWorkerTask  * BitmapDrawable被用来作为占位图片，绑定任务到ImageView中  */ private class AsyncDrawable extends BitmapDrawable {     private final WeakReference<BitmapWorkerTask> viewResizeTaskReference;       public AsyncDrawable(Resources res, Bitmap bitmap, BitmapWorkerTask viewResizeTask) {         super(res, bitmap);         viewResizeTaskReference = new WeakReference<BitmapWorkerTask>(viewResizeTask);     }       public BitmapWorkerTask getBitmapWorkerTask() {         return viewResizeTaskReference.get();     } }   /**  * 确保ImageView执行的是它对应的Task，否则取消任务  * @param url  * @param imageView  * @return  */ private boolean cancelPotentialWork(String url, ImageView imageView) {      // 获得ImageView对应的Task     final BitmapWorkerTask bitmapWorkerTask = getBitmapWorkerTask(imageView);          if (bitmapWorkerTask != null) {          final String imgUrl = bitmapWorkerTask.url;          if (imgUrl == null || !imgUrl.equals(url)) {              // Cancel previous task              bitmapWorkerTask.cancel(true);          } else {              // The same work is already in progress              return false;          }      }      // No task associated with the ImageView, or an existing task was cancelled      return true;  }    /**  * 获得已经被分配到ImageView的指定的Task  * @param imageView  * @return  */ private 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; }

使用方法：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35

/**  * 异步加载图片  * @param url  * @param imageView  */ private void loadBitmap(String url, ImageView imageView) {      if (cancelPotentialWork(url, imageView)) {          final BitmapWorkerTask task = new BitmapWorkerTask(imageView);          final AsyncDrawable asyncDrawable = new AsyncDrawable(context.getResources(), null, task);          imageView.setImageDrawable(asyncDrawable);          task.execute(url);      }  }    /*  * 异步加载图片Task类  */ 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);             }         }     } }

 

最佳使用实践，提高流畅度

1. 设置ListView的OnScrollListener事件，在滑动的时候不加载图片

1 2 3 4 5 6 7 8 9

public void onScrollStateChanged(AbsListView view, int scrollState) {     if (scrollState == AbsListView.OnScrollListener.SCROLL_STATE_FLING) {         if (!Utils.hasHoneycomb()) {             mImageFetcher.setPauseWork(true);         }     } else {         mImageFetcher.setPauseWork(false);     } }

2. 在Activity或Fragment的onResume()，onPause()，onDestroy()方法中调用恰当方法非常有用

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

@Override public void onResume() {     super.onResume();     mImageFetcher.setExitTasksEarly(false); }   @Override public void onPause() {     super.onPause();     mImageFetcher.setPauseWork(false);     mImageFetcher.setExitTasksEarly(true);     mImageFetcher.flushCache(); }   @Override public void onDestroy() {     super.onDestroy();     mImageFetcher.closeCache(); }