【构建Android缓存模块】Controller & 异步图片加载 <3>

转载声明：Ryan的博客文章欢迎您的转载，但在转载的同时，请注明文章的来源出处，不胜感激！  :-) 

http://my.oschina.net/ryanhoo/blog/93432

    上节课我们学习了缓存模块的实现， 缓存分做两份：Memory Cache和File Cache。方法也很简单，分别是：

  • 存储文件
  • 按唯一key值索引文件
  • 清空缓存

    区别在于内存缓存读取优先，因为它读写的速度更快。但是考虑到内存限制，退而选用文件存储，分担内存缓存的压力。

    原理非常简单，在第一课中已经详细分析了。那么要怎么才能将这个缓存模块与UI模块的显示关联起来呢？在这里我们需要一个控制器，掌管数据流向和读写，同时控制UI的显示。

    那么这个控制器需要以下的元素：

  • 内存缓存
  • 硬盘缓存
  • 异步任务处理
  • 控制UI显示
1 //caches
2 private MemoryCache memoryCache;
3 private FileCache fileCache;
4 //Asynchronous task
5 private static AsyncImageLoader imageLoader;

    Memory Cache和File Cache在上一课中有具体的实现，这里有一个异步的任务处理器——AsyncImageDownloader，它用来在后台下载数据，完成下载后存储数据到缓存中，并更新UI的显示 。让我们来看看它是如何实现的：

01 class AsyncImageDownloader extends AsyncTask<Void, Void, Bitmap>{
02     private ImageView imageView;
03     private String fileName;
04      
05     public AsyncImageDownloader(ImageView imageView, String fileName){
06         this.imageView = imageView;
07         this.fileName = fileName;
08     }
09      
10     @Override
11     protected void onPreExecute() {
12         super.onPreExecute();
13         imageView.setImageResource(R.drawable.placeholder);
14     }
15      
16     @Override
17     protected Bitmap doInBackground(Void... arg0) {
18         String url = Utils.getRealUrlOfPicture(fileName);
19         HttpResponse response = new HttpRetriever().requestGet(url, null);
20         Log.i(TAG, "url: " + url);
21         Log.i(TAG, "respone: " + response);
22         InputStream in = null;
23         try {
24             if(response != null && response.getEntity() != null)
25                 in = response.getEntity().getContent();
26         } catch (IllegalStateException e) {
27             e.printStackTrace();
28             return null;
29         } catch (IOException e) {
30             e.printStackTrace();
31             return null;
32         }
33          
34         //TODO to be optimized: adjust the size of bitmap
35         return BitmapFactory.decodeStream(in);
36     }
37      
38     @Override
39     protected void onPostExecute(Bitmap result) {
40         super.onPostExecute(result);
41         if(result != null && imageView != null)
42             imageView.setImageBitmap(result);
43          
44         //TODO cache the bitmap both in sdcard & memory
45         memoryCache.put(fileName, result);// key is a unique token, value is the bitmap
46          
47         fileCache.put(fileName, result);
48     }
49 }

    可以看到这个类的构造函数需要两个参数，分别是文件名和对应要显示的ImageView，那么在任务开始的时候，可以为该ImageView设置未下载状态的图片，然后下载完成后更新UI。

    注：需要提醒的是，这里的唯一key值，我使用的是文件名，因为我接收到的文件名是唯一的。猿媛们也可以根据自己的需求，设计自己的唯一key值算法。

    接下来，我们需要读用key值索引相应的Bitmap：

01 public Bitmap getBitmap(String key){
02     Bitmap bitmap = null;
03     //1. search memory
04     bitmap = memoryCache.get(key);
05      
06     //2. search sdcard
07     if(bitmap == null){
08         File file = fileCache.getFile(key);
09         if(file != null)
10             bitmap = BitmapHelper.decodeFile(file, null);
11     }
12      
13     return bitmap;
14 }

    读取到Bitmap后进行显示：

01 public void displayBitmap(ImageView imageView, String fileName){
02     //no pic for this item
03     if(fileName == null || "".equals(fileName))
04         return;
05      
06     Bitmap bitmap = getBitmap(fileName);
07     //search in cache, if there is no such bitmap, launch downloads
08     if(bitmap != null){
09         imageView.setImageBitmap(bitmap);
10     }
11     else{
12         Log.w(TAG, "Can't find the file you required.");
13         new AsyncImageDownloader(imageView, fileName).execute();
14     }
15 }

    到这里，一个简单的缓存框架就搭建成功了。它简洁有效，但是非常单薄，似乎不够强大，需要你们根据自己的需求进行修改。另外它本来的目的就是用于演示，理解这个以后，我们再来看Google的BitmapFun。

    不过，我将它应用在一个小项目中，性能还不错。对于小项目的需求，应该是够的。

    最后，附上使用方法，以及整个类的源码。

    使用方法：

1 AsyncImageLoader imageLoader = AsyncImageLoader.getInstance(this);、
2 imageLoader.displayBitmap(imageView, fileName);

    源码：

 

001 <strong>public class AsyncImageLoader {
002  
003     private static final String TAG = "AsyncImageLoader";
004      
005     //caches
006     private MemoryCache memoryCache;
007     private FileCache fileCache;
008     //Asynchronous task
009     private static AsyncImageLoader imageLoader;
010  
011     class AsyncImageDownloader extends AsyncTask<Void, Void, Bitmap>{
012         private ImageView imageView;
013         private String fileName;
014          
015         public AsyncImageDownloader(ImageView imageView, String fileName){
016             this.imageView = imageView;
017             this.fileName = fileName;
018         }
019          
020         @Override
021         protected void onPreExecute() {
022             super.onPreExecute();
023             imageView.setImageResource(R.drawable.placeholder);
024         }
025          
026         @Override
027         protected Bitmap doInBackground(Void... arg0) {
028             String url = Utils.getRealUrlOfPicture(fileName);
029             HttpResponse response = new HttpRetriever().requestGet(url, null);
030             Log.i(TAG, "url: " + url);
031             Log.i(TAG, "respone: " + response);
032             InputStream in = null;
033             try {
034                 if(response != null && response.getEntity() != null)
035                     in = response.getEntity().getContent();
036             } catch (IllegalStateException e) {
037                 e.printStackTrace();
038                 return null;
039             } catch (IOException e) {
040                 e.printStackTrace();
041                 return null;
042             }
043              
044             //TODO to be optimized: adjust the size of bitmap
045             return BitmapFactory.decodeStream(in);
046         }
047          
048         @Override
049         protected void onPostExecute(Bitmap result) {
050             super.onPostExecute(result);
051             if(result != null && imageView != null)
052                 imageView.setImageBitmap(result);
053              
054             //TODO cache the bitmap both in sdcard & memory
055             memoryCache.put(fileName, result);// key is a unique token, value is the bitmap
056              
057             fileCache.put(fileName, result);
058         }
059     }
060      
061     private AsyncImageLoader(Context context){
062         this.memoryCache        =   new MemoryCache();
063         this.fileCache          =   new FileCache(context);
064     }
065      
066     public static AsyncImageLoader getInstance(Context context){
067         if(imageLoader == null)
068             imageLoader = new AsyncImageLoader(context);
069          
070         return imageLoader;
071     }
072      
073     public void displayBitmap(ImageView imageView, String fileName){
074         //no pic for this item
075         if(fileName == null || "".equals(fileName))
076             return;
077          
078         Bitmap bitmap = getBitmap(fileName);
079         //search in cache, if there is no such bitmap, launch downloads
080         if(bitmap != null){
081             imageView.setImageBitmap(bitmap);
082         }
083         else{
084             Log.w(TAG, "Can't find the file you required.");
085             new AsyncImageDownloader(imageView, fileName).execute();
086         }
087     }
088      
089     public Bitmap getBitmap(String key){
090         Bitmap bitmap = null;
091         //1. search memory
092         bitmap = memoryCache.get(key);
093          
094         //2. search sdcard
095         if(bitmap == null){
096             File file = fileCache.getFile(key);
097             if(file != null)
098                 bitmap = BitmapHelper.decodeFile(file, null);
099         }
100          
101         return bitmap;
102     }
103      
104     public void clearCache(){
105         if(memoryCache != null)
106             memoryCache.clear();
107         if(fileCache != null)
108             fileCache.clear();
109     }
110 }</strong>

 

源码：

附上源码，不过服务器的源码暂时还没有放出来，先看看客户端的吧。

https://github.com/ryanhoo/SoftRead

http://yunpan.cn/cyLK68AM9bWGH  提取码 7198

posted @ 2015-01-04 18:55  MMLoveMeMM  阅读(223)  评论(0)    收藏  举报