本文会从内部原理到具体实现来详细介绍如何开发一个简洁而实用的Android图片加载缓存框架,并在内存占用与加载图片所需时间这两个方面与主流图片加载框架之一Universal Image Loader做出比较,来帮助我们量化这个框架的性能。通过开发这个框架,我们可以进一步深入了解Android中的Bitmap操作、LruCache、LruDiskCache,让我们以后与Bitmap打交道能够更加得心应手。若对Bitmap的大小计算及inSampleSize计算还不太熟悉,请参考这里:高效加载Bitmap。由于个人水平有限,叙述中难免存在不准确或是不清晰的地方,希望大家能够指出,谢谢大家:)

一、图片加载框架需求描述

在着手进行实际开发工作之前,我们先来明确以下我们的需求。通常来说,一个实用的图片加载框架应该具备以下2个功能:

  • 图片的加载:包括从不同来源(网络、文件系统、内存等),支持同步及异步方式,支持对图片的压缩等等;
  • 图片的缓存:包括内存缓存和磁盘缓存。

下面我们来具体描述下这些需求。

1. 图片的加载

(1)同步加载与异步加载

我们先来简单的复习下同步与异步的概念:

  • 同步:发出了一个“调用”后,需要等到该调用返回才能继续执行;
  • 异步:发出了一个“调用”后,无需等待该调用返回就能继续执行。

同步加载就是我们发出加载图片这个调用后,直到完成加载我们才继续干别的活,否则就一直等着;异步加载也就是发出加载图片这个调用后我们可以直接去干别的活。

(2)从不同的来源加载

我们的应用有时候需要从网络上加载图片,有时候需要从磁盘加载,有时候又希望从内存中直接获取。因此一个合格的图片加载框架应该支持从不同的来源来加载一个图片。对于网络上的图片,我们可以使用HttpURLConnection来下载并解析;对于磁盘中的图片,我们可以使用BitmapFactory的decodeFile方法;对于内存中的Bitmap,我们直接就可以拿来用。

(3)图片的压缩

关于对图片的压缩,主要的工作是计算出inSampleSize,剩下的细节在下面实现部分我们会介绍。

2. 图片的缓存

缓存功能对于一个图片加载框架来说是十分必要的,因为从网络上加载图片既耗时耗电又费流量。通常我们希望把已经加载过的图片缓存在内存或磁盘中,这样当我们再次需要加载相同的图片时可以直接从内存缓存或磁盘缓存中获取。

(1)内存缓存

访问内存的速度要比访问磁盘快得多,因此我们倾向于把更加常用的图片直接缓存在内存中,这样加载速度更快,但是内存对于移动设备来说是稀缺资源,因此能够缓存的图片比较少。我们可以选择使用SDK提供的LruCache类来实现内存缓存,这个类使用了LRU算法来管理缓存对象,LRU算法即Least Recently Used(最近最少使用),它的主要思想是当缓存空间已满时,移除最近最少使用(上一次访问时间距现在最久远)的缓存对象。关于LruCache类的具体使用我们下面会进行详细介绍。

(2)磁盘缓存

磁盘缓存的优势在于能够缓存的图片数量比较多,不足就是磁盘IO的速度比较慢。磁盘缓存我们可以用DiskLruCache来实现,这个类不包含在Android SDK中,它的源码可以从这里获取:http://developer.android.com/intl/zh-cn/samples/DisplayingBitmaps/src/com.example.android.displayingbitmaps/util/DiskLruCache.html。无法访问的同学请看文末给出的本文示例代码的地址,其中包含了DiskLruCache。

DisLruCache同样使用了LRU算法来管理缓存,关于它的具体使用我们会在后文进行介绍。

二、缓存类使用介绍

1. LruCache的使用

首先我们来看一下LruCache类的定义:

  1. public class LruCache<K, V> {
  2. private final LinkedHashMap<K, V> map;
  3.  
  4. ...
  5.  
  6. public LruCache(int maxSize) {
  7. if (maxSize <= 0) {
  8. throw new IllegalArgumentException("maxSize <= 0");
  9. }
  10. this.maxSize = maxSize;
  11. this.map = new LinkedHashMap<K, V>(0, 0.75f, true);
  12. }
  13. ...
  14. }

由以上代码我们可以知道,LruCache是个泛型类,它的内部使用一个LinkedHashMap来管理缓存对象。

(1)初始化LruCache

初始化LruCache的惯用代码如下所示:

  1. 1 //获取当前进程的可用内存(单位KB)
  2. 2 int maxMemory = (int) (Runtime.getRuntime().maxMemory() /1024);
  3. 3 int memoryCacheSize = maxMemory / 8;
  4. 4 mMemoryCache = new LruCache<String, Bitmap>(memoryCacheSize) {
  5. 5 @Override
  6. 6 protected int sizeOf(String key, Bitmap bitmap) {
  7. 7 return bitmap.getByteCount() / 1024;
  8. 8 }
  9. 9 }; 

在以上代码中,我们创建了一个LruCache实例,并指定它的maxSize为当前进程可用内存的1/8。我们使用String作为key,value自然是Bitmap。第6行到第8行我们重写了sizeOf方法,这个方法被LruCache用来计算一个缓存对象的大小。我们使用了getByteCount方法返回Bitmap对象以字节为单位的大小,又除以了1024,转换为KB为单位的大小,以达到与cacheSize的单位统一。

(2)获取缓存对象

LruCache类通过get方法来获取缓存对象,get方法的源码如下:

  1. public final V get(K key) {
  2. if (key == null) {
  3. throw new NullPointerException("key == null");
  4. }
  5.  
  6. V mapValue;
  7. synchronized (this) {
  8. mapValue = map.get(key);
  9. if (mapValue != null) {
  10. hitCount++;
  11. return mapValue;
  12. }
  13. missCount++;
  14. }
  15.  
  16. /*
  17. * Attempt to create a value. This may take a long time, and the map
  18. * may be different when create() returns. If a conflicting value was
  19. * added to the map while create() was working, we leave that value in
  20. * the map and release the created value.
  21. */
  22.  
  23. V createdValue = create(key);
  24. if (createdValue == null) {
  25. return null;
  26. }
  27.  
  28. synchronized (this) {
  29. createCount++;
  30. mapValue = map.put(key, createdValue);
  31.  
  32. if (mapValue != null) {
  33. // There was a conflict so undo that last put
  34. map.put(key, mapValue);
  35. } else {
  36. size += safeSizeOf(key, createdValue);
  37. }
  38. }
  39.  
  40. if (mapValue != null) {
  41. entryRemoved(false, key, createdValue, mapValue);
  42. return mapValue;
  43. } else {
  44. trimToSize(maxSize);
  45. return createdValue;
  46. }
  47. }

通过以上代码我们了解到,首先会尝试根据key获取相应value(第8行),若不存在则会调用create方法尝试新建一个value,并将key-value pair放入到LinkedHashMap中。create方法的默认实现会直接返回null,我们可以重写这个方法,这样当key还不存在时,我们可以按照自己的需求根据给定key创建一个value并返回。从get方法的实现我们可以看到,它用synchronized关键字作了同步,因此这个方法是线程安全的。实际上,LruCache类对所有可能涉及并发数据访问的方法都作了同步。

(3)添加缓存对象

在添加缓存对象之前,我们先得确定用什么作为被缓存的Bitmap对象的key,一种很直接的做法便是使用Bitmap的URL作为key,然而由于URL中存在一些特殊字符,所以可能会产生一些问题。基于以上原因,我们可以考虑使用URL的md5值作为key,这能够很好的保证不同的URL具有不同的key,而且相同的URL具有相同的key。我们自定义一个getKeyFromUrl方法来通过URL获取key,该方法的代码如下:

  1. private String getKeyFromUrl(String url) {
  2. String key;
  3. try {
  4. MessageDigest messageDigest = MessageDigest.getInstance("MD5");
  5. messageDigest.update(url.getBytes());
  6. byte[] m = messageDigest.digest();
  7. return getString(m);
  8. } catch (NoSuchAlgorithmException e) {
  9. key = String.valueOf(url.hashCode());
  10. }
  11. return key;
  12. }
  13. private static String getString(byte[] b){
  14. StringBuffer sb = new StringBuffer();
  15. for(int i = 0; i < b.length; i ++){
  16. sb.append(b[i]);
  17. }
  18. return sb.toString();
  19. }

得到了key后,我们可以使用put方法向LruCache内部的LinkedHashMap中添加缓存对象,这个方法的源码如下:

  1. public final V put(K key, V value) {
  2. if (key == null || value == null) {
  3. throw new NullPointerException("key == null || value == null");
  4. }
  5.  
  6. V previous;
  7. synchronized (this) {
  8. putCount++;
  9. size += safeSizeOf(key, value);
  10. previous = map.put(key, value);
  11. if (previous != null) {
  12. size -= safeSizeOf(key, previous);
  13. }
  14. }
  15.  
  16. if (previous != null) {
  17. entryRemoved(false, key, previous, value);
  18. }
  19.  
  20. trimToSize(maxSize);
  21. return previous;
  22. }

从以上代码我们可以看到这个方法确实也作了同步,它将新的key-value对放入LinkedHashMap后会返回相应key原来对应的value。

(4)删除缓存对象

我们可以通过remove方法来删除缓存对象,这个方法的源码如下:

  1. public final V remove(K key) {
  2. if (key == null) {
  3. throw new NullPointerException("key == null");
  4. }
  5.  
  6. V previous;
  7. synchronized (this) {
  8. previous = map.remove(key);
  9. if (previous != null) {
  10. size -= safeSizeOf(key, previous);
  11. }
  12. }
  13.  
  14. if (previous != null) {
  15. entryRemoved(false, key, previous, null);
  16. }
  17.  
  18. return previous;
  19. }

这个方法会从LinkedHashMap中移除指定key对应的value并返回这个value,我们可以看到它的内部还调用了entryRemoved方法,如果有需要的话,我们可以重写entryRemoved方法来做一些资源回收的工作。

2. DiskLruCache的使用

(1)初始化DiskLruCache

通过查看DiskLruCache的源码我们可以发现,DiskLruCache就存在如下一个私有构造方法:

  1. private DiskLruCache(File directory, int appVersion, int valueCount, long maxSize) {
  2. this.directory = directory;
  3. this.appVersion = appVersion;
  4. this.journalFile = new File(directory, JOURNAL_FILE);
  5. this.journalFileTmp = new File(directory, JOURNAL_FILE_TMP);
  6. this.valueCount = valueCount;
  7. this.maxSize = maxSize;
  8. }

因此我们不能直接调用构造方法来创建DiskLruCache的实例。实际上DiskLruCache为我们提供了open静态方法来创建一个DiskLruCache实例,我们来看一下这个方法的实现:

  1. public static DiskLruCache open(File directory, int appVersion, int valueCount, long maxSize)
  2. throws IOException {
  3. if (maxSize <= 0) {
  4. throw new IllegalArgumentException("maxSize <= 0");
  5. }
  6. if (valueCount <= 0) {
  7. throw new IllegalArgumentException("valueCount <= 0");
  8. }
  9.  
  10. // prefer to pick up where we left off
  11. DiskLruCache cache = new DiskLruCache(directory, appVersion, valueCount, maxSize);
  12. if (cache.journalFile.exists()) {
  13. try {
  14. cache.readJournal();
  15. cache.processJournal();
  16. cache.journalWriter = new BufferedWriter(new FileWriter(cache.journalFile, true),
  17. IO_BUFFER_SIZE);
  18. return cache;
  19. } catch (IOException journalIsCorrupt) {
  20. // System.logW("DiskLruCache " + directory + " is corrupt: "
  21. // + journalIsCorrupt.getMessage() + ", removing");
  22. cache.delete();
  23. }
  24. }
  25.  
  26. // create a new empty cache
  27. directory.mkdirs();
  28. cache = new DiskLruCache(directory, appVersion, valueCount, maxSize);
  29. cache.rebuildJournal();
  30. return cache;
  31. }

从以上代码中我们可以看到,open方法内部调用了DiskLruCache的构造方法,并传入了我们传入open方法的4个参数,这4个参数的含义分别如下:

  • directory:代表缓存文件在文件系统的存储路径;
  • appVersion:代表应用版本号,通常设为1即可。需要注意的是,当版本号改变时,该应用的磁盘缓存会被请空。
  • valueCount:代表LinkedHashMap中每个节点上的缓存对象数目,通常设为1即可;
  • maxSize:代表了缓存的总大小,若缓存对象的总大小超过了maxSize,DiskLruCache会自动删去最近最少使用的一些缓存对象。

以下代码展示了初始化DiskLruCache的惯用代码:

  1. File diskCacheDir= getAppCacheDir(mContext, "images");
  2. if (!diskCacheDir.exists()) {
  3. diskCacheDir.mkdirs();
  4. }
  5. mDiskLruCache = DiskLruCache.open(diskCacheDir, 1, 1, DISK_CACHE_SIZE);

以上代码中的getAppCacheDir是我们自定义的用来获取磁盘缓存目录的方法,它的定义如下:

  1. public static File getAppCacheDir(Context context, String dirName) {
  2. String cacheDirString;
  3. if (Environment.MEDIA_MOUNTED.equals(Environment.getExternalStorageState())) {
  4. cacheDirString = context.getExternalCacheDir().getPath();
  5. } else {
  6. cacheDirString = context.getCacheDir().getPath();
  7. }
  8. return new File(cacheDirString + File.separator + dirName);
  9. }

接下来我们介绍如何添加、获取和删除缓存对象。

(2)添加缓存对象

先通过以上介绍的getKeyFromUrl获取Bitmap对象对应的key,接下来我们就可以把这个Bitmap存入磁盘缓存中了。我们通过Editor来向DiskLruCache添加缓存对象。首先我们要通过edit方法获取一个Editor对象:

  1. String key = getKeyFromUrl(url);
  2. DiskLruCache.Editor editor = mDiskLruCache.edit(key);

获取到Editor对象后,通过调用Editor对象的newOutputStream我们就可以获取key对应的Bitmap的输出流,需要注意的是,若我们想通过edit方法获取的那个缓存对象正在被“编辑”,那么edit方法会返回null。相关的代码如下:

  1. if (editor != null) {
  2. OutputStream outputStream = editor.newOutputStream(0); //参数为索引,由于我们创建时指定一个节点只有一个缓存对象,所以传入0即可
  3. }

获取了输出流后,我们就可以向这个输出流中写入图片数据,成功写入后调用commit方法即可,若写入失败则调用abort方法进行回退。相关的代码如下:

  1. //getStreamFromUrl为我们自定义的方法,它通过URL获取输入流并写入outputStream,具体实现后文会给出
  2. if (getStreamFromUrl(url, outputStream)) {
  3. editor.commit();
  4. } else {
  5. //返回false表示写入outputStream未成功,因此调用abort方法回退整个操作
  6. editor.abort();
  7. }
  8. mDiskLruCache.flush(); //将内存中的操作记录同步到日志文件中

下面我们来看一下getStreamFromUrl方法的实现,这个方法的逻辑很直接,就是创建一个HttpURLConnection,然后获取InputStream再写入outputStream,为了提高效率,使用了包装流。该方法的代码如下:

  1. public boolean getStreamFromUrl(String urlString, OutputStream outputStream) {
  2. HttpURLConnection urlCOnnection = null;
  3. BufferedInputStream bis = null;
  4. BufferedOutputStream bos = null;
  5.  
  6. try {
  7. final URL url = new URL(urlString);
  8. urlConnection = (HttpURLConnection) url.openConnection();
  9. bis = new BufferedInputStream(urlConnection.getInputStream(), BUF_SIZE); //BUF_SIZE为使用的缓冲区大小
  10.  
  11. int byteRead;
  12. while ((byteRead = bis.read()) != -1) {
  13. bos.write(byteRead);
  14. }
  15. return true;
  16. }catch (IOException e) {
  17. e.printStackTrace();
  18. } finally {
  19. if (urlConnection != null) {
  20. urlConnection.disconnect();
  21. }
  22. //HttpUtils为一个自定义工具类
  23. HttpUtils.close(bis);
  24. HttpUtils.close(bos);
  25. }
  26. return false;
  27. }

经过以上的步骤,我们已经成功地将图片写入了文件系统。

(3)获取缓存对象

我们使用DiskLruCache的get方法从中获取缓存对象,这个方法的大致源码如下:

  1. 1 public synchronized Snapshot get(String key) throws IOException {
  2. 2 checkNotClosed();
  3. 3 validateKey(key);
  4. 4 Entry entry = lruEntries.get(key);
  5. 5 if (entry == null) {
  6. 6 return null;
  7. 7 }
  8. 8
  9. 9 if (!entry.readable) {
  10. 10 return null;
  11. 11 }
  12. 12
  13. 13 /*
  14. 14 * Open all streams eagerly to guarantee that we see a single published
  15. 15 * snapshot. If we opened streams lazily then the streams could come
  16. 16 * from different edits.
  17. 17 */
  18. 18 InputStream[] ins = new InputStream[valueCount];19 ...
  19. 20 return new Snapshot(key, entry.sequenceNumber, ins);
  20. 21 }

我们可以看到,这个方法最终返回了一个Snapshot对象,并以我们要获取的缓存对象的key作为构造参数之一。Snapshot是DiskLruCache的内部类,它包含一个getInputStream方法,通过这个方法可以获取相应缓存对象的输入流,得到了这个输入流,我们就可以进一步获取到Bitmap对象了。在获取缓存的Bitmap时,我们通常都要对它进行一些预处理,主要就是通过设置inSampleSize来适当的缩放图片,以防止出现OOM。我们之前已经介绍过如何高效加载Bitmap,在那篇文章里我们的图片来源于Resources。尽管现在我们的图片来源是流对象,但是计算inSampleSize的方法是一样的,只不过我们不再使用decodeResource方法而是使用decodeFileDescriptor方法。

相关的代码如下:

  1. Bitmap bitmap = null;
  2. String key = getKeyFromUrl(url);
  3. DiskLruCache.Snapshot snapShot = mDiskLruCache.get(key);
  4. if (snapShot != null) {
  5. FileInputStream fileInputStream = (FileInputStream) snapShot.getInputStream(0); //参数表示索引,同之前的newOutputStream一样
  6. FileDescriptor fileDescriptor = fileInputStream.getFD();
  7. bitmap = decodeSampledBitmapFromFD(fileDescriptor, dstWidth, dstHeight);
  8. if (bitmap != null) {
  9. addBitmapToMemoryCache(key, bitmap);
  10. }
  11. }

第7行我们调用了decodeSampledBitmapFromFD来从fileInputStream的文件描述符中解析出Bitmap,decodeSampledBitmapFromFD方法的定义如下:

  1. public Bitmap decodeSampledBitmapFromFD(FileDescriptor fd, int dstWidth, int dstHeight) {
  2. final BitmapFactory.Options options = new BitmapFactory.Options();
  3. options.inJustDecodeBounds = true;
  4. BitmapFactory.decodeFileDescriptor(fd, null, options);
  5. //calInSampleSize方法的实现请见“Android开发之高效加载Bitmap”这篇博文
  6. options.inSampleSize = calInSampleSize(options, dstWidth, dstHeight);
  7. options.inJustDecodeBounds = false;
  8. return BitmapFactory.decodeFileDescriptor(fd, null, options);
  9. }

第9行我们调用了addBitmapToMemoryCache方法把获取到的Bitmap加入到内存缓存中,关于这一方法的具体实现下文会进行介绍。

三、图片加载框架的具体实现

1. 图片的加载

(1)同步加载

同步加载的相关代码需要在工作者线程中执行,因为其中涉及到对网络的访问,并且可能是耗时操作。同步加载的大致步骤如下:首先尝试从内存缓存中加载Bitmap,若不存在再从磁盘缓存中加载,若还不存在则从网络中获取并添加到磁盘缓存中。同步加载的代码如下:

  1. public Bitmap loadBitmap(String url, int dstWidth, int dstHeight) {
  2. Bitmap bitmap = loadFromMemory(url);
  3. if (bitmap != null) {
  4. return bitmap;
  5. }
  6. //内存缓存中不存在相应图片
  7. try {
  8. bitmap = loadFromDisk(url, dstWidth, dstHeight);
  9. if (bitmap != null) {
  10. return bitmap;
  11. }
  12. //磁盘缓存中也不存在相应图片
  13. bitmap = loadFromNet(url, dstWidth, dstHeight);
  14. } catch (IOException e) {
  15. e.printStackTrace();
  16. }
  17.  
  18. return bitmap;
  19. }

loadBitmapFromNet方法的功能是从网络上获取指定url的图片,并根据给定的dstWidth和dstHeight对它进行缩放,返回缩放后的图片。loadBitmapFromDisk方法则是从磁盘缓存中获取并缩放,而后返回缩放后的图片。关于这两个方法的实现在下面“图片的缓存”部分我们会具体介绍。下面我们先来看看异步加载图片的实现。

(2)异步加载

异步加载图片在实际开发中更经常被使用,通常我们希望图片加载框架帮我们去加载图片,我们接着干别的活,等到图片加载好了,图片加载框架会负责将它显示在我们给定的ImageView中。我们可以使用线程池去执行异步加载任务,加载好后通过Handler来更新UI(将图片显示在ImageView中)。相关代码如下所示:

  1. public void displayImage(String url, ImageView imageView, int dstWidth, int widthHeight) {
  2. imageView.setTag(IMG_URL, url);
  3. Bitmap bitmap = loadFromMemory(url);
  4. if (bitmap != null) {
  5. imageView.setImageBitmap(bitmap);
  6. return;
  7. }
  8.  
  9. Runnable loadBitmapTask = new Runnable() {
  10. @Override
  11. public void run() {
  12. Bitmap bitmap = loadBitmap(url, dstWidth, dstHeigth);
  13. if (bitmap != null) {
  14. //Result是我们自定义的类,封装了返回的Bitmap、Bitmap的URL和作为容器的ImageView
  15. Result result = new Result(bitmap, url, imageView);
  16. //mMainHandler为主线程中创建的Handler
  17. Message msg = mMainHandler.obtainMessage(MESSAGE_SEND_RESULT, result);
  18. msg.sendToTarget();
  19. }
  20. }
  21. };
  22. threadPoolExecutor.execute(loadBitmapTask);
  23. }

从以上代码我们可以看到,异步加载与同步加载之间的区别在于,异步加载把耗时任务放入了线程池中执行。同步加载需要我们创建一个线程并在新线程中执行loadBitmap方法,使用异步加载我们只需传入url、imageView等参数,图片加载框架负责使用线程池在后台执行图片加载任务,加载成功后会通过发送消息给主线程来实现把Bitmap显示在ImageView中。我们来简单的解释下obtainMessage这个方法,我们传入了两个参数,第一个参数代表消息的what属性,这时个int值,相当于我们给消息指定的一个标识,来区分不同的消息;第二个参数代表消息的obj属性,表示我们附带的一个数据对象,就好比我们发email时带的附件。obtainMessage用于从内部的消息池中获取一个消息,就像线程池对线程的复用一样,通过这个方法获取消息更加高效。获取了消息并设置好它的what、obj后,我们在第18行调用sendToTarget方法来发送消息。

下面我们来看看mMainHandler和threadPoolExecutor的创建代码:

  1. private static final int CORE_POOL_SIZE = CPU_COUNT + 1; //corePoolSize为CPU数加1
  2. private static final int MAX_POOL_SIZE = 2 * CPU_COUNT + 1; //maxPoolSize为2倍的CPU数加1
  3. private static final long KEEP_ALIVE = 5L; //存活时间为5s
  4.  
  5. public static final Executor threadPoolExecutor = new ThreadPoolExecutor(CORE_POOL_SIZE, MAX_POOL_SIZE, KEEP_ALIVE, TimeUnit.SECONDS, new LinkedBlockingQueue<Runnable>());
  6.  
  7. private Handler mMainHandler = new Handler(Looper.getMainLooper()) {
  8. @Override
  9. public void handleMessage(Message msg) {
  10. Result result = (Result) msg.what;
  11. ImageView imageView = result.imageView;
  12. String url = (String) imageView.getTag(IMG_URL);
  13. if (url.equals(result.url)) {
  14. imageView.setImageBitmap(result.bitmap);
  15. } else {
  16. Log.w(TAG, "The url associated with imageView has changed");
  17. }
  18. };
  19. };

从以上代码中我们可以看到创建mMainHandler时使用了主线程的Looper,因此构造mMainHandler的代码可以放在子线程中执行。另外,注意以上代码中我们在给imageView设置图片时首先判断了下它的url是否等于result中的url,若相等才显示。我们知道ListView会对其中Item的View进行复用,刚移出屏幕的Item的View会被即将显示的Item所复用。那么考虑这样一个场景:刚移出的Item的View中的图片还在未加载完成,而这个View被新显示的Item复用时图片加载好了,那么图片就会显示在新Item处,这显然不是我们想看到的。因此我们通过判断imageView的url是否与刚加载完的图片的url是否相等,并在

只有两者相等时才显示,就可以避免以上提到的情况。

2. 图片的缓存

(1)缓存的创建

我们在图片加载框架类(FreeImageLoader)的构造方法中初始化LruCache和DiskLruCache,相关代码如下:

  1. private LruCache<String, Bitmap> mMemoryCache;
  2. private DiskLruCache mDiskLruCache;
  3.  
  4. private ImageLoader(Context context) {
  5. mContext = context.getApplicationContext();
  6. int maxMemory = (int) (Runtime.getRuntime().maxMemory() /1024);
  7. int cacheSize = maxMemory / 8;
  8. mMemorySize = new LruCache<String, Bitmap>(cacheSize) {
  9. @Override
  10. protected int sizeof(String key, Bitmap bitmap) {
  11. return bitmap.getByteCount() / 1024;
  12. }
  13. };
  14. File diskCacheDir = getAppCacheDir(mContext, "images");
  15. if (!diskCacheDir.exists()) {
  16. diskCacheDir.mkdirs();
  17. }
  18. if (diskCacheDir.getUsableSpace() > DISK_CACHE_SIZE) {
  19. //剩余空间大于我们指定的磁盘缓存大小
  20. try {
  21. mDiskLruCache = DiskLruCache.open(diskCacheDir, 1, 1, DISK_CACHE_SIZE);
  22. } catch IOException e) {
  23. e.printStackTrace();
  24. }
  25. }
  26. }

(2)缓存的获取与添加

内存缓存的添加与获取我们已经介绍过,只需调用LruCache的put与get方法,示例代码如下:

  1. private void addToMemoryCache(String key, Bitmap bitmap) {
  2. if (getFromMemoryCache(key) == null) {
  3. //不存在时才添加
  4. mMemoryCache.put(key, bitmap);
  5. }
  6. }
  7.  
  8. private Bitmap getFromMemoryCache(String key) {
  9. return mMemoryCache.get(key);
  10. }

接下来我们看一下如何从磁盘缓存中获取Bitmap:

  1. private loadFromDiskCache(String url, int dstWidth, int dstHeight) throws IOException {
  2. if (Looper.myLooper() == Looper.getMainLooper()) {
  3. //当前运行在主线程,警告
  4. Log.w(TAG, "should not load Bitmap in main thread");
  5. }
  6.  
  7. if (mDiskLruCache == null) {
  8. return null;
  9. }
  10.  
  11. Bitmap bitmap = null;
  12. String key = getKeyFromUrl(url);
  13. DiskLruCache.Snapshot snapshot = mDiskLruCache.get(key);
  14. if (snapshot != null) {
  15. FileInputStream fileInputStream = (FileInputStream) snapshot.getInputStream(0);
  16. FileDescriptor fileDescriptor = fileInputStream.getFD();
  17. bitmap = decodeSampledBitmapFromFD(fileDescriptor, dstWidth, dstHeight);
  18. if (bitmap != null) {
  19. addToMemoryCache(key, bitmap);
  20. }
  21. }
  22.  
  23. return bitmap;
  24. }

把Bitmap添加到磁盘缓存中的工作在loadFromNet方法中完成,当从网络上成功获取图片后,会把它存入磁盘缓存中。相关代码如下:

  1. private Bitmap loadFromNet(String url, int dstWidth, int dstHeight) throws IOException {
  2. if (Looper.myLooper() == Looper.getMainLooper()) {
  3. throw new RuntimeException("Do not load Bitmap in main thread.");
  4. }
  5.  
  6. if (mDiskLruCache == null) {
  7. return null;
  8. }
  9.  
  10. String key = getKeyFromUrl(url);
  11. DiskLruCache.Editor editor = mDiskLruCache.edit(key);
  12. if (editor != null) {
  13. OutputStream outputStream = editor.newOutputStream(0);
  14. if (getStreamFromUrl(url, outputStream)) {
  15. editor.commit();
  16. } else {
  17. editor.abort();
  18. }
  19. mDiskLruCache.flush();
  20. }
  21. return loadFromDiskCache(url, dstWidth, dstHeight);
  22. }

以上代码的大概逻辑是:当确认当前不在主线程并且mDiskLruCache不为空时,从网络上得到图片并保存到磁盘缓存,然后从磁盘缓存中得到图片并返回。

以上贴出的两段代码在最开头都判断了是否在主线程中,对于loadFromDiskCache方法来说,由于磁盘IO相对耗时,不应该在主线程中运行,所以只会在日志输出一个警告;而对于loadFromNet方法来说,由于在主线程中访问网络是不允许的,因此若发现在主线程,直接抛出一个异常,这样做可以避免做了一堆准备工作后才发现位于主线程中不能访问网络(即我们提早抛出了异常,防止做无用功)。

另外,我们在以上两段代码中都对mDiskLruCache是否为空进行了判断。这也是很必要的,设想我们做了一堆工作后发现磁盘缓存根本还没有初始化,岂不是白白浪费了时间。我们通过两个if判断可以尽量避免做无用功。

现在我们已经实现了一个简洁的图片加载框架,下面我们来看看它的实际使用性能如何。

四、简单的性能测试

关于性能优化的姿势,Android Developer已经给出了最佳实践方案,胡凯大神整理了官方的性能优化典范,请见这里:Android性能专题。这里我们主要从内存分配和图片的平均加载时间这两个方面来看一下我们的图片加载框架是否能达到勉强可用的程度。完整的demo请见这里:FreeImageLoader

1. 内存分配情况

运行我们的demo,待图片加载完全,我们用adb看一下我们的应用的内存分配情况,我这里得到的情况如下图所示:

从上图我们可以看到,Dalvik Heap分配的内存为18003KB, Native Heap则分配了6212KB。下面我们来看一下FreeImageLoader平均每张图片的加载时间。

2. 平均加载时间

这里我们获取平均加载时间的方法非常直接,基本思想是如以下所示:

  1. //加载图片前的时间点
  2. long beforeTime = System.currentTimeMillis();
  3. //加载图片完成的时间点
  4. long afterTime = System.currentTimeMillis();
  5. //total为图片的总数,averTime为加载每张图片所需的平均时间
  6. int averTime = (int) ((afterTime - beforeTime) / total)

然后我们维护一个计数值counts,每加载完一张就加1,当counts为total时我们便调用一个回调方法onAfterLoad,在这个方法中获取当前时间点并计算平均加载时间。具体的代码请看上面给出的demo地址。

我这里测试加载30张图片时,平均每张所需时间为1.265s。下面我们来用Universal Image Loader来加载这30张图片,并与我们的FreeImageLoader比较一下。

3. 与UIL的比较

我这里用UIL加载图片完成后,得到的内存情况如下:

我们可以看到在,Native Heap的分配上,FreeImageLoader与UIL差不多;在Dalvik Heap分配上,UIL的大小快达到了FreeImageLoader的2倍。由于框架的量级不同,这说明不了FreeImageLoader在内存占用上优于UIL,但通过这个比较我们可以认为我们刚刚实现的框架还是勉强可用的:)

我们再来看一下UIL的平均加载时间,我这里测试的结果是1.516ms,考虑到框架量级的差异,看来我们的框架在加载时间上还有提升空间。

五、更进一步

经过以上的步骤,我们可以看到,实现一个具有基本功能的图片加载框架并不复杂,但我们可以做的还有更多:

  • 现在的异步加载图片方法需要显式提供我们期望的图片大小,一个实用的框架应该能够根据给定的ImageVIew自动计算;
  • 整个框架封装在一个类中,模块化方面显然还可以做的更好;
  • 不具备一个成熟的图片加载框架应该具有的各种功能...

由于个人一直对图片加载框架充满浓厚的兴趣,日后也会不断的探索这一方面的相关技术,有新的收获时会来与大家共同分享:)

六、参考资料

1. Displaying Bitmap Efficiently

2. 《Android开发艺术探索》

一起写一个Android图片加载框架的更多相关文章

  1. Android 图片加载框架Glide4.0源码完全解析(二)

    写在之前 上一篇博文写的是Android 图片加载框架Glide4.0源码完全解析(一),主要分析了Glide4.0源码中的with方法和load方法,原本打算是一起发布的,但是由于into方法复杂性 ...

  2. Android图片加载框架最全解析(八),带你全面了解Glide 4的用法

    本篇将是我们这个Glide系列的最后一篇文章. 其实在写这个系列第一篇文章的时候,Glide就推出4.0.0的RC版了.那个时候因为我一直研究的都是Glide 3.7.0版本,再加上RC版本还不太稳定 ...

  3. Android图片加载框架最全解析(七),实现带进度的Glide图片加载功能

    我们的Glide系列文章终于要进入收尾篇了.从我开始写这个系列的第一篇文章时,我就知道这会是一个很长的系列,只是没有想到竟然会写这么久. 在前面的六篇文章中,我们对Glide的方方面面都进行了学习,包 ...

  4. Android图片加载框架最全解析(六),探究Glide的自定义模块功能

    不知不觉中,我们的Glide系列教程已经到了第六篇了,距离第一篇Glide的基本用法发布已经过去了半年的时间.在这半年中,我们通过用法讲解和源码分析配合学习的方式,将Glide的方方面面都研究了个遍, ...

  5. Android图片加载框架最全解析(五),Glide强大的图片变换功能

    大家好,又到了学习Glide的时间了.前段时间由于项目开发紧张,再加上后来又生病了,所以停更了一个月,不过现在终于又可以恢复正常更新了.今天是这个系列的第五篇文章,在前面四篇文章的当中,我们已经学习了 ...

  6. Android图片加载框架最全解析(三),深入探究Glide的缓存机制

    在本系列的上一篇文章中,我带着大家一起阅读了一遍Glide的源码,初步了解了这个强大的图片加载框架的基本执行流程. 不过,上一篇文章只能说是比较粗略地阅读了Glide整个执行流程方面的源码,搞明白了G ...

  7. Android图片加载框架最全解析(二),从源码的角度理解Glide的执行流程

    在本系列的上一篇文章中,我们学习了Glide的基本用法,体验了这个图片加载框架的强大功能,以及它非常简便的API.还没有看过上一篇文章的朋友,建议先去阅读 Android图片加载框架最全解析(一),G ...

  8. Android图片加载框架最全解析(一),Glide的基本用法

    现在Android上的图片加载框架非常成熟,从最早的老牌图片加载框架UniversalImageLoader,到后来Google推出的Volley,再到后来的新兴军Glide和Picasso,当然还有 ...

  9. Android 图片加载框架 Glide 的用法

    https://github.com/bumptech/glide Android图片加载框架最全解析(一),Glide的基本用法http://blog.csdn.net/guolin_blog/ar ...

随机推荐

  1. System Center的一些资料收集

    MS 的 system center 中文首页 http://www.microsoft.com/zh-cn/server-cloud/system-center/default.aspx 英文首页 ...

  2. oracle-表空间满了

    一.查看 "sum MB", (a.bytes "used MB",b.bytes "free MB", ,) "used%&qu ...

  3. 读书笔记——Windows环境下32位汇编语言程序设计(3)一些基础知识

    声明函数用proto 定义函数用proc 局部变量只能定义,不能赋初值,类型不能用缩写. 全局变量可以定义的时候赋初值,默认值为0. 在invoke中,参数可以使用addr取址. sizeof 字节长 ...

  4. 常用HTML正则

    <?php //HTML a连接正则 $str = ''; $isMatched = preg_match('/<a.*?[^<]>.*?<\/a>/', $str ...

  5. 设计模式C#实现(四)——迭代器模式

    迭代器模式:提供一种方法顺序访问一个聚合对象中的各个元素,而又不暴露其内部的表示. UML类图: 煎饼屋和餐厅合并了!但是有个小问题,虽然两家都同意实现相同的菜单项MenuItem,但是煎饼屋想使用A ...

  6. Linux学习之七——乱码的解决方案

    一.乱码的原因 乱码是编码不统一引起的,有下面一些地方需要注意 1. Linux 系统默认支持的语系数据:这与 /etc/sysconfig/i18n 有关:2. 你的终端界面 (bash) 的语系: ...

  7. [转]ActionScript 3.0入门:Hello World、文件读写、数据存储(SharedObject)、与JS互调

    本文转自:http://www.cnblogs.com/artwl/p/3396330.html 近期项目中可能要用到Flash存取数据,并与JS互调,所以就看了一下ActionScript 3.0, ...

  8. Gnome创建桌面快捷方式

    Ctrl+Alt+T打开终端 输入gnome-desktop-item-edit 桌面/ --create-new (注: 桌面/ 要改为你桌面文件夹所在路径) 配置快捷方式属性,在“命令(A)”这行 ...

  9. UVA 11573 Ocean Currents --BFS+优先队列

    采用优先队列做BFS搜索,d[][]数组记录当前点到源点的距离,每次出队时选此时eng最小的出队,能保证最先到达的是eng最小的.而且后来用普通队列试了一下,超时..所以,能用优先队列的,就要用优先队 ...

  10. [Android Studio] Android studio 多渠道打包(超简洁版)

    [Android Studio] Android studio 多渠道打包(超简洁版) 转载:http://xuyazhou.com/archives/461 http://relex.me/usin ...