list 异步加载图片-优快云博客

本文介绍了一种在Android ListView中实现图片异步加载的方法，通过使用AsyncImageLoader类结合SoftReference进行图片缓存，有效避免了UI卡顿，并介绍了如何通过ViewHolder模式进一步优化列表视图的性能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ListView是一种可以显示一系列项目并能进行滚动显示的View，每一行的Item可能包含复杂的结构，可能会从网络上获取icon等的一些图标信息，就现在的网络速度要想保持ListView运行的很好滚动流畅是做不到的

所以这里就需要把这些信息利用多线程实现异步加载

实现这样功能的类

 
   view plain 
  
 publicclassAsyncImageLoader{ 
 privateHashMap<String,SoftReference<Drawable>>imageCache; 
  
 publicAsyncImageLoader(){ 
 imageCache=newHashMap<String,SoftReference<Drawable>>(); 
 } 
  
 publicDrawableloadDrawable(finalStringimageUrl,finalImageCallbackimageCallback){ 
 if(imageCache.containsKey(imageUrl)){ 
 SoftReference<Drawable>softReference=imageCache.get(imageUrl); 
 Drawabledrawable=softReference.get(); 
 if(drawable!=null){ 
 returndrawable; 
 } 
 } 
 finalHandlerhandler=newHandler(){ 
 @Override 
 publicvoidhandleMessage(Messagemessage){ 
 imageCallback.imageLoaded((Drawable)message.obj,imageUrl); 
 } 
 }; 
 newThread(){ 
 @Override 
 publicvoidrun(){ 
 Drawabledrawable=loadImageFromUrl(imageUrl); 
 imageCache.put(imageUrl,newSoftReference<Drawable>(drawable)); 
 Messagemessage=handler.obtainMessage(0,drawable); 
 handler.sendMessage(message); 
 } 
 }.start(); 
 returnnull; 
 } 
  
 publicstaticDrawableloadImageFromUrl(Stringurl){ 
 //... 
 } 
  
 publicinterfaceImageCallback{ 
 publicvoidimageLoaded(DrawableimageDrawable,StringimageUrl); 
 } 
 } 

注意这里使用了SoftReference来缓存图片，允许GC在需要的时候可以对缓存中的图片进行清理。它这样工作：

·调用loadDrawable(ImageUrl, imageCallback)，传入一个匿名实现的ImageCallback接口

·如果图片在缓存中不存在的话，图片将从单一的线程中下载并在下载结束时通过ImageCallback回调

·如果图片确实存在于缓存中，就会马上返回，不会回调ImageCallback

然后我们还可以根据09google I/0开发者大会提到的方式来继续优化Adapter 使用ViewHolder来减少一些比较费时的操作，譬如inflate XML 和 findViewById()等操作

 
   view plain 
  
 publicclassImageAndTextListAdapterextendsArrayAdapter<ImageAndText>{ 
  
 privateListViewlistView; 
 privateAsyncImageLoaderasyncImageLoader; 
  
 publicImageAndTextListAdapter(Activityactivity,List<ImageAndText>imageAndTexts,ListViewlistView){ 
 super(activity,0,imageAndTexts); 
 this.listView=listView; 
 asyncImageLoader=newAsyncImageLoader(); 
 } 
  
 @Override 
 publicViewgetView(intposition,ViewconvertView,ViewGroupparent){ 
 Activityactivity=(Activity)getContext(); 
  
 //InflatetheviewsfromXML 
 ViewrowView=convertView; 
 ViewCacheviewCache; 
 if(rowView==null){ 
 LayoutInflaterinflater=activity.getLayoutInflater(); 
 rowView=inflater.inflate(R.layout.image_and_text_row,null); 
 viewCache=newViewCache(rowView); 
 rowView.setTag(viewCache); 
 }else{ 
 viewCache=(ViewCache)rowView.getTag(); 
 } 
 ImageAndTextimageAndText=getItem(position); 
  
 //LoadtheimageandsetitontheImageView 
 StringimageUrl=imageAndText.getImageUrl(); 
 ImageViewimageView=viewCache.getImageView(); 
 imageView.setTag(imageUrl); 
 DrawablecachedImage=asyncImageLoader.loadDrawable(imageUrl,newImageCallback(){ 
 publicvoidimageLoaded(DrawableimageDrawable,StringimageUrl){ 
 ImageViewimageViewByTag=(ImageView)listView.findViewWithTag(imageUrl); 
 if(imageViewByTag!=null){ 
 imageViewByTag.setImageDrawable(imageDrawable); 
 } 
 } 
 }); 
 imageView.setImageDrawable(cachedImage); 
  
 //SetthetextontheTextView 
 TextViewtextView=viewCache.getTextView(); 
 textView.setText(imageAndText.getText()); 
  
 returnrowView; 
 } 
 } 

这里我们没有加载完iamge之后直接设定到相应的ImageView上，而是通过Tag查找，这里我们重用的View 这里有个listView的引用来通过Tag查找可见 CallBack的实现

 
   view plain 
  
 ImageViewimageViewByTag=(ImageView)listView.findViewWithTag(imageUrl); 
 if(imageViewByTag!=null){ 
 imageViewByTag.setImageDrawable(imageDrawable); 
 } 

这里通过ViewCatch来减少了 findViewById的使用

 
   view plain 
  
 publicclassViewCache{ 
  
 privateViewbaseView; 
 privateTextViewtextView; 
 privateImageViewimageView; 
  
 publicViewCache(ViewbaseView){ 
 this.baseView=baseView; 
 } 
  
 publicTextViewgetTextView(){ 
 if(textView==null){ 
 textView=(TextView)baseView.findViewById(R.id.text); 
 } 
 returntitleView; 
 } 
  
 publicImageViewgetImageView(){ 
 if(imageView==null){ 
 imageView=(ImageView)baseView.findViewById(R.id.image); 
 } 
 returnimageView; 
 } 
 } 