分享一个轻量级图片加载类 ImageLoader

Linda ·

更新时间:2024-09-21

· 501 次阅读

ImageLoader 这类的图片加载网络上一大推，像比较出名的有nostra13 的-Image-Loader图片加载，xUtil的图片加载，还有 Facebook 的 Fresco 。很多，但本着求学的态度，最近在做项目时有图片加载这个需求就自己写了个轻量级的（本地）图片缓存加载功能，分享给各位。

里面涉及了 LruCache ，ExecutorService，处理大图的 BitmapFactory 原理，view.setTag（） .

好了，不多说，先一步一步来：
首先看一下我封装的类怎么使用：


    // 本地照片绝对路径
    String imageUrl = (String) t;
    // 得到 ImageView 
    ImageView grid_item = holder.getView(R.id.grid_item);
    // 设置 tag ，标记用的，反正图片显示错位
    grid_item.setTag(imageUrl);
     /**
     * 显示 图片
     * 
     * @param context
     *      ： 上下文
     * @param imageView
     *      ： ImageView 控件
     * @param sourcePath
     *      ： 图片 地址
     * @param r_Id
     *      ： 默认 图片 id ，R.drowable.id;
     * @param callback
     *      ：图片显示 回调
     */
    new ImageLoader().displayBmp(mContext,grid_item, imageUrl, R.drawable.img_bg,this);

是不是很简单。

接下来具体分析 ImageLoader 这个类：

都知道手机的内存有限，不可能将所有的图片都加进内存，所以android 提供了一个 LruCache 方法，用到的算法是：近期最少使用算法，及在图片不断的加进缓存，最少使用的图片也在不断的移除缓存，从而避免的内存不够的问题。

LruCache 的初始化代码如下：


  public ImageLoader() {
    // 取应用内存的 8/1 作为 图片缓存用
    int cacheSize = maxMemory / 8;
    // 得到 LruCache
    mLruCache = new LruCache<String, Bitmap>(cacheSize) {
      @Override
      protected int sizeOf(String key, Bitmap bitmap) {
        return bitmap.getByteCount();
      }
    };
  }
  /**
   * 将图片存储到LruCache
   */
  public void putBitmapToLruCache(String key, Bitmap bitmap) {
    if (getBitmapFromLruCache(key) == null && mLruCache != null) {
      mLruCache.put(key, bitmap);
    }
  }
  /**
   * 从LruCache缓存获取图片
   */
  public Bitmap getBitmapFromLruCache(String key) {
    return mLruCache.get(key);
  }

LruCache 就像 HashMap 一样利用put 和 get 得到缓存的东西。

接着看图片的具体加载，先把代码贴出来：


  /**
   * 显示 图片
   * 
   * @param context
   *      ： 上下文
   * @param imageView
   *      ： ImageView 控件
   * @param sourcePath
   *      ： 图片 地址
   * @param r_Id
   *      ： 默认 图片 id ，R.drowable.id;
   * @param callback
   *      ：图片显示 回调
   */
  public void displayBmp(final Context context, final ImageView imageView, final String sourcePath, final int r_Id,
      final ImageCallback callback) {
    final String path;
    if (!TextUtils.isEmpty(sourcePath)) {
      path = sourcePath;
    } else {
      return;
    }
    // 先 试着 从 缓存 得到 图片 ， path 作为 图片的 key
    Bitmap bmp = mLruCache.get(path);
    if (bmp != null) {
      if (callback != null) {
        // 回调 图片 显示
        callback.imageLoad(imageView, bmp, sourcePath);
      }
      // imageView.setImageBitmap(bmp);
      return;
    }
    // 如果 bmp == null ，给 imageView 显示默认图片
    imageView.setImageResource(r_Id);
    // 启动 线程池
    threadPoolUtils.getExecutorService().execute(new Runnable() {
      Bitmap bitmap = null;
      @Override
      public void run() {
        // TODO Auto-generated method stub
        try {
          // 加载 图片 地址 对应 的 缩略图
          bitmap = revitionImageSize(imageView, sourcePath);
        } catch (Exception e) {
        }
        if (bitmap == null) {
          try {
            // 如果 缩略图 没加载成功 显示 默认 设置的图片
            bitmap = BitmapFactory.decodeResource(context.getResources(), r_Id);
          } catch (Exception e) {
          }
        }
        if (path != null && bitmap != null) {
          // 将 缩略图 放进 缓存 ， path 作为 key
          putBitmapToLruCache(path, bitmap);
        }
        if (callback != null) {
          handler.post(new Runnable() {
            @Override
            public void run() {
              // 回调 图片 显示
              callback.imageLoad(imageView, bitmap, sourcePath);
            }
          });
        }
      }
    });
  }

代码不是狠多，主要就是先从缓存加载图片，当加载图片为空时，再从手机的图片地址加载图片

bitmap = revitionImageSize(imageView, sourcePath);

加载缓存图片就不多说了，看的也明白， mLruCache.get(key);就这么简单

具体分析 revitionImageSize（）这个方法吧：


  public Bitmap revitionImageSize(ImageView imageView, String path) throws IOException {
    // 得到 布局 ImageView 的 宽高
    int img_width = imageView.getWidth();
    int img_height = imageView.getHeight();
    BufferedInputStream in = new BufferedInputStream(new FileInputStream(new File(path)));
    BitmapFactory.Options options = new BitmapFactory.Options();
    options.inJustDecodeBounds = true;
    BitmapFactory.decodeStream(in, null, options);
    in.close();
    int height = options.outHeight;
    int width = options.outWidth;
    Bitmap bitmap = null;
    int inSampleSize = 1;
    // 计算出实际宽高和目标宽高的比率
    final int heightRatio = Math.round((float) height / (float) img_height);
    final int widthRatio = Math.round((float) width / (float) img_width);
    // 选择宽和高中最小的比率作为inSampleSize的值，这样可以保证最终图片的宽和高
    // 一定都会大于等于目标的宽和高。
    inSampleSize = heightRatio < widthRatio ? heightRatio : widthRatio;
    // 调用上面定义的方法计算inSampleSize值
    options.inSampleSize = inSampleSize;
    options.inJustDecodeBounds = false;
    in = new BufferedInputStream(new FileInputStream(new File(path)));
    bitmap = BitmapFactory.decodeStream(in, null, options);
    in.close();
    return bitmap;
  }

代码我也写了注释了，一般在加载图片时都有对图片一定的压缩处理避免OOM，所以上面的处理方法也是挺常见的，对要显示图片根据 imageview 控件大小进行一定的压缩。

如果对图片压缩处理不是很理解的朋友这么我简单解释一下：

首先加载完图片：

BufferedInputStream in = new BufferedInputStream(new FileInputStream(new File(path)));

然后：

options.inJustDecodeBounds = true;

再接着：


int height = options.outHeight;
int width = options.outWidth;

这时候注意程序并没有把图片真正的加载进来，options.inJustDecodeBounds = true;

这句在起作用，但图片的宽和高的信息我们却得到了，就可以处理压缩图片了！

压缩完图片再：

options.inJustDecodeBounds = false;

重新得到压缩后的图片：

bitmap = BitmapFactory.decodeStream(in, null, options);

解释完毕。

仔细看代码的同学会发现 displayBmp（）方法里面有个回调参数：

回调接口如下：


  /**
   * 显示图片回调
   * 
   * @author Administrator
   *
   */
  public interface ImageCallback {
    public void imageLoad(ImageView imageView, Bitmap bitmap, Object... params);
  }

具体实现是在显示图片的地方回调的：


   /**
   * 图片 缓存回调
   */
  @Override
  public void imageLoad(ImageView imageView, Bitmap bitmap, Object... params) {
    if (imageView != null && bitmap != null) {
      String url = (String) params[0];
      // 判断 这里的 url 是否 对应 imageView.getTag()
      // 如果 将这句 判断 去掉 那么 就会出现 经常出现的 图片 显示 错位 问题 ！！！！
      if (url != null && url.equals((String) imageView.getTag())) {
        ((ImageView) imageView).setImageBitmap(bitmap);
      }
    }
  }

代码注释的地方也写了，不太理解的同学可以私信交流，另外附上我 github github连接上的源码，可以下载下了运行方便好理解：

为了你方便使用，在你的项目中添加如下依赖即可：


dependencies {
      compile 'com.zts:imageloader:1.1.1'
  }

您可能感兴趣的文章:一起动手编写Android图片加载框架Android开发中ImageLoder进行图片加载和缓存Android图片加载缓存框架GlideAndroid图片加载的缓存类Android程序开发ListView+Json+异步网络图片加载+滚动翻页的例子（图片能缓存，图片不错乱）Android开发之ImageLoader本地缓存Android Universal ImageLoader 缓存图片从源代码分析Android Universal ImageLoader的缓存处理机制Android开发之ImageLoader使用详解

图片 imageloader 轻量级

1024 个赞