http://www.cnblogs.com/jerehedu/p/4560119.html

2015-06-08 09:20 by 杰瑞教育,232阅读,1评论,收藏,编辑

　　Android应用中经常涉及从网络中加载大量图片，为提升加载速度和效率，减少网络流量都会采用二级缓存和异步加载机制，所谓二级缓存就是通过先从内存中获取、再从文件中获取，最后才会访问网络。内存缓存（一级）本质上是Map集合以key-value对的方式存储图片的url和Bitmap信息，由于内存缓存会造成堆内存泄露， 管理相对复杂一些，可采用第三方组件，对于有经验的可自己编写组件，而文件缓存比较简单通常自己封装一下即可。下面就通过案例看如何实现网络图片加载的优化。

　　案例新闻的列表图片

　　下面先看看实现一级缓存（内存）、二级缓存（磁盘文件）所编写的组件

　　在内存中存储图片（一级缓存）, 采用了1个map来缓存图片代码如下：

publicclassMemoryCache{//最大的缓存数privatestaticfinalintMAX_CACHE_CAPACITY=30;//用Map软引用的Bitmap对象,保证内存空间足够情况下不会被垃圾回收privateHashMap<String,SoftReference<Bitmap>>mCacheMap=newLinkedHashMap<String,SoftReference<Bitmap>>(){privatestaticfinallongserialVersionUID=1L;//当缓存数量超过规定大小（返回true）会清除最早放入缓存的protectedbooleanremoveEldestEntry(Map.Entry<String,SoftReference<Bitmap>>eldest){returnsize()>MAX_CACHE_CAPACITY;};};/***从缓存里取出图片*@paramid*@return如果缓存有，并且该图片没被释放，则返回该图片，否则返回null*/publicBitmapget(Stringid){if(!mCacheMap.containsKey(id))returnnull;SoftReference<Bitmap>ref=mCacheMap.get(id);returnref.get();}/***将图片加入缓存*@paramid*@parambitmap*/publicvoidput(Stringid,Bitmapbitmap){mCacheMap.put(id,newSoftReference<Bitmap>(bitmap));}/***清除所有缓存*/publicvoidclear(){try{for(Map.Entry<String,SoftReference<Bitmap>>entry:mCacheMap.entrySet()){SoftReference<Bitmap>sr=entry.getValue();if(null!=sr){Bitmapbmp=sr.get();if(null!=bmp)bmp.recycle();}}mCacheMap.clear();}catch(Exceptione){e.printStackTrace();}}}

　　在磁盘中缓存图片(二级缓存)，代码如下

publicclassFileCache{//缓存文件目录privateFilemCacheDir;/***创建缓存文件目录，如果有SD卡，则使用SD，如果没有则使用系统自带缓存目录*@paramcontext*@paramcacheDir图片缓存的一级目录*/publicFileCache(Contextcontext,FilecacheDir,Stringdir){if(android.os.Environment.getExternalStorageState().equals、(android.os.Environment.MEDIA_MOUNTED))mCacheDir=newFile(cacheDir,dir);elsemCacheDir=context.getCacheDir();//如何获取系统内置的缓存存储路径if(!mCacheDir.exists())mCacheDir.mkdirs();}publicFilegetFile(Stringurl){Filef=null;try{//对url进行编辑，解决中文路径问题Stringfilename=URLEncoder.encode(url,"utf-8");f=newFile(mCacheDir,filename);}catch(UnsupportedEncodingExceptione){e.printStackTrace();}returnf;}publicvoidclear(){//清除缓存文件File[]files=mCacheDir.listFiles();for(Filef:files)f.delete();}}

　　android中采用单线程模型即应用运行在UI主线程中，且Android又是实时操作系统要求及时响应否则出现ANR错误，因此对于耗时操作要求不能阻塞UI主线程，需要开启一个线程处理（如本应用中的图片加载）并将线程放入队列中，当运行完成后再通知UI主线程进行更改，同时移除任务——这就是异步任务，在android中实现异步可通过本系列一中所用到的AsyncTask或者使用thread+handler机制，在这里是完全是通过代码编写实现的，这样我们可以更清晰的看到异步通信的实现的本质，代码如下

publicclassAsyncImageLoader{privateMemoryCachemMemoryCache;//内存缓存privateFileCachemFileCache;//文件缓存privateExecutorServicemExecutorService;//线程池//记录已经加载图片的ImageViewprivateMap<ImageView,String>mImageViews=Collections.synchronizedMap(newWeakHashMap<ImageView,String>());//保存正在加载图片的urlprivateList<LoadPhotoTask>mTaskQueue=newArrayList<LoadPhotoTask>();/***默认采用一个大小为5的线程池*@paramcontext*@parammemoryCache所采用的高速缓存*@paramfileCache所采用的文件缓存*/publicAsyncImageLoader(Contextcontext,MemoryCachememoryCache,FileCachefileCache){mMemoryCache=memoryCache;mFileCache=fileCache;mExecutorService=Executors.newFixedThreadPool(5);//建立一个容量为5的固定尺寸的线程池（最大正在运行的线程数量）}/***根据url加载相应的图片*@paramurl*@return先从一级缓存中取图片有则直接返回，如果没有则异步从文件（二级缓存）中取，如果没有再从网络端获取*/publicBitmaploadBitmap(ImageViewp_w_picpathView,Stringurl){//先将ImageView记录到Map中,表示该ui已经执行过图片加载了mImageViews.put(p_w_picpathView,url);Bitmapbitmap=mMemoryCache.get(url);//先从一级缓存中获取图片if(bitmap==null){enquequeLoadPhoto(url,p_w_picpathView);//再从二级缓存和网络中获取}returnbitmap;}/***加入图片下载队列*@paramurl*/privatevoidenquequeLoadPhoto(Stringurl,ImageViewp_w_picpathView){//如果任务已经存在，则不重新添加if(isTaskExisted(url))return;LoadPhotoTasktask=newLoadPhotoTask(url,p_w_picpathView);synchronized(mTaskQueue){mTaskQueue.add(task);//将任务添加到队列中}mExecutorService.execute(task);//向线程池中提交任务，如果没有达到上限(5),则运行否则被阻塞}/***判断下载队列中是否已经存在该任务*@paramurl*@return*/privatebooleanisTaskExisted(Stringurl){if(url==null)returnfalse;synchronized(mTaskQueue){intsize=mTaskQueue.size();for(inti=0;i<size;i++){LoadPhotoTasktask=mTaskQueue.get(i);if(task!=null&&task.getUrl().equals(url))returntrue;}}returnfalse;}/***从缓存文件或者网络端获取图片*@paramurl*/privateBitmapgetBitmapByUrl(Stringurl){Filef=mFileCache.getFile(url);//获得缓存图片路径Bitmapb=ImageUtil.decodeFile(f);//获得文件的Bitmap信息if(b!=null)//不为空表示获得了缓存的文件returnb;returnImageUtil.loadBitmapFromWeb(url,f);//同网络获得图片}/***判断该ImageView是否已经加载过图片了（可用于判断是否需要进行加载图片）*@paramp_w_picpathView*@paramurl*@return*/privatebooleanp_w_picpathViewReused(ImageViewp_w_picpathView,Stringurl){Stringtag=mImageViews.get(p_w_picpathView);if(tag==null||!tag.equals(url))returntrue;returnfalse;}privatevoidremoveTask(LoadPhotoTasktask){synchronized(mTaskQueue){mTaskQueue.remove(task);}}classLoadPhotoTaskimplementsRunnable{privateStringurl;privateImageViewp_w_picpathView;LoadPhotoTask(Stringurl,ImageViewp_w_picpathView){this.url=url;this.p_w_picpathView=p_w_picpathView;}@Overridepublicvoidrun(){if(p_w_picpathViewReused(p_w_picpathView,url)){//判断ImageView是否已经被复用removeTask(this);//如果已经被复用则删除任务return;}Bitmapbmp=getBitmapByUrl(url);//从缓存文件或者网络端获取图片mMemoryCache.put(url,bmp);//将图片放入到一级缓存中if(!p_w_picpathViewReused(p_w_picpathView,url)){//若ImageView未加图片则在ui线程中显示图片BitmapDisplayerbd=newBitmapDisplayer(bmp,p_w_picpathView,url);Activitya=(Activity)p_w_picpathView.getContext();a.runOnUiThread(bd);//在UI线程调用bd组件的run方法，实现为ImageView控件加载图片}removeTask(this);//从队列中移除任务}publicStringgetUrl(){returnurl;}}/****由UI线程中执行该组件的run方法*/classBitmapDisplayerimplementsRunnable{privateBitmapbitmap;privateImageViewp_w_picpathView;privateStringurl;publicBitmapDisplayer(Bitmapb,ImageViewp_w_picpathView,Stringurl){bitmap=b;this.p_w_picpathView=p_w_picpathView;this.url=url;}publicvoidrun(){if(p_w_picpathViewReused(p_w_picpathView,url))return;if(bitmap!=null)p_w_picpathView.setImageBitmap(bitmap);}}/***释放资源*/publicvoiddestroy(){mMemoryCache.clear();mMemoryCache=null;mImageViews.clear();mImageViews=null;mTaskQueue.clear();mTaskQueue=null;mExecutorService.shutdown();mExecutorService=null;}}

　　编写完成之后，对于异步任务的执行只需调用AsyncImageLoader中的loadBitmap()方法即可非常方便，对于AsyncImageLoader组件的代码最好结合注释好好理解一下，这样对于Android中线程之间的异步通信就会有深刻的认识。

publicclassImageUtil{/***从网络获取图片，并缓存在指定的文件中*@paramurl图片url*@paramfile缓存文件*@return*/publicstaticBitmaploadBitmapFromWeb(Stringurl,Filefile){HttpURLConnectionconn=null;InputStreamis=null;OutputStreamos=null;try{Bitmapbitmap=null;URLp_w_picpathUrl=newURL(url);conn=(HttpURLConnection)p_w_picpathUrl.openConnection();conn.setConnectTimeout(30000);conn.setReadTimeout(30000);conn.setInstanceFollowRedirects(true);is=conn.getInputStream();os=newFileOutputStream(file);copyStream(is,os);//将图片缓存到磁盘中bitmap=decodeFile(file);returnbitmap;}catch(Exceptionex){ex.printStackTrace();returnnull;}finally{try{if(os!=null)os.close();if(is!=null)is.close();if(conn!=null)conn.disconnect();}catch(IOExceptione){}}}publicstaticBitmapdecodeFile(Filef){try{returnBitmapFactory.decodeStream(newFileInputStream(f),null,null);}catch(Exceptione){}returnnull;}privatestaticvoidcopyStream(InputStreamis,OutputStreamos){finalintbuffer_size=1024;try{byte[]bytes=newbyte[buffer_size];for(;;){intcount=is.read(bytes,0,buffer_size);if(count==-1)break;os.write(bytes,0,count);}}catch(Exceptionex){ex.printStackTrace();}}}

组件之间的时序图：

publicclassMainActivityextendsActivity{ListViewlist;ListViewAdapteradapter;@OverridepublicvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setContentView(R.layout.main);list=(ListView)findViewById(R.id.list);adapter=newListViewAdapter(this,mStrings);list.setAdapter(adapter);}publicvoidonDestroy(){list.setAdapter(null);super.onDestroy();adapter.destroy();}privateString[]mStrings={"http://news.21-sun.com/UserFiles/x_Image/x_20150606083511_0.jpg","http://news.21-sun.com/UserFiles/x_Image/x_20150606082847_0.jpg",…..};}

publicclassListViewAdapterextendsBaseAdapter{privateActivitymActivity;privateString[]data;privatestaticLayoutInflaterinflater=null;privateAsyncImageLoaderp_w_picpathLoader;//异步组件publicListViewAdapter(ActivitymActivity,String[]d){this.mActivity=mActivity;data=d;inflater=(LayoutInflater)mActivity.getSystemService(Context.LAYOUT_INFLATER_SERVICE);MemoryCachemcache=newMemoryCache();//内存缓存FilesdCard=android.os.Environment.getExternalStorageDirectory();//获得SD卡FilecacheDir=newFile(sdCard,"jereh_cache");//缓存根目录FileCachefcache=newFileCache(mActivity,cacheDir,"news_img");//文件缓存p_w_picpathLoader=newAsyncImageLoader(mActivity,mcache,fcache);}publicintgetCount(){returndata.length;}publicObjectgetItem(intposition){returnposition;}publiclonggetItemId(intposition){returnposition;}publicViewgetView(intposition,ViewconvertView,ViewGroupparent){ViewHoldervh=null;if(convertView==null){convertView=inflater.inflate(R.layout.item,null);vh=newViewHolder();vh.tvTitle=(TextView)convertView.findViewById(R.id.text);vh.ivImg=(ImageView)convertView.findViewById(R.id.p_w_picpath);convertView.setTag(vh);}else{vh=(ViewHolder)convertView.getTag();}vh.tvTitle.setText("标题信息测试————"+position);vh.ivImg.setTag(data[position]);//异步加载图片，先从一级缓存、再二级缓存、最后网络获取图片Bitmapbmp=p_w_picpathLoader.loadBitmap(vh.ivImg,data[position]);if(bmp==null){vh.ivImg.setImageResource(R.drawable.default_big);}else{vh.ivImg.setImageBitmap(bmp);}returnconvertView;}privateclassViewHolder{TextViewtvTitle;ImageViewivImg;}publicvoiddestroy(){p_w_picpathLoader.destroy();}}