list 异步加载图片

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

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

实现这样功能的类

view plain

1. publicclassAsyncImageLoader{
2. privateHashMap<String,SoftReference<Drawable>>imageCache;
4. publicAsyncImageLoader(){
5. imageCache=newHashMap<String,SoftReference<Drawable>>();
6. }
8. publicDrawableloadDrawable(finalStringimageUrl,finalImageCallbackimageCallback){
9. if(imageCache.containsKey(imageUrl)){
10. SoftReference<Drawable>softReference=imageCache.get(imageUrl);
11. Drawabledrawable=softReference.get();
12. if(drawable!=null){
13. returndrawable;
14. }
15. }
16. finalHandlerhandler=newHandler(){
17. @Override
18. publicvoidhandleMessage(Messagemessage){
19. imageCallback.imageLoaded((Drawable)message.obj,imageUrl);
20. }
21. };
22. newThread(){
23. @Override
24. publicvoidrun(){
25. Drawabledrawable=loadImageFromUrl(imageUrl);
26. imageCache.put(imageUrl,newSoftReference<Drawable>(drawable));
27. Messagemessage=handler.obtainMessage(0,drawable);
28. handler.sendMessage(message);
29. }
30. }.start();
31. returnnull;
32. }
34. publicstaticDrawableloadImageFromUrl(Stringurl){
35. //...
36. }
38. publicinterfaceImageCallback{
39. publicvoidimageLoaded(DrawableimageDrawable,StringimageUrl);
40. }
41. }

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

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

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

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

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

view plain

1. publicclassImageAndTextListAdapterextendsArrayAdapter<ImageAndText>{
3. privateListViewlistView;
4. privateAsyncImageLoaderasyncImageLoader;
6. publicImageAndTextListAdapter(Activityactivity,List<ImageAndText>imageAndTexts,ListViewlistView){
7. super(activity,0,imageAndTexts);
8. this.listView=listView;
9. asyncImageLoader=newAsyncImageLoader();
10. }
12. @Override
13. publicViewgetView(intposition,ViewconvertView,ViewGroupparent){
14. Activityactivity=(Activity)getContext();
16. //InflatetheviewsfromXML
17. ViewrowView=convertView;
18. ViewCacheviewCache;
19. if(rowView==null){
20. LayoutInflaterinflater=activity.getLayoutInflater();
21. rowView=inflater.inflate(R.layout.image_and_text_row,null);
22. viewCache=newViewCache(rowView);
23. rowView.setTag(viewCache);
24. }else{
25. viewCache=(ViewCache)rowView.getTag();
26. }
27. ImageAndTextimageAndText=getItem(position);
29. //LoadtheimageandsetitontheImageView
30. StringimageUrl=imageAndText.getImageUrl();
31. ImageViewimageView=viewCache.getImageView();
32. imageView.setTag(imageUrl);
33. DrawablecachedImage=asyncImageLoader.loadDrawable(imageUrl,newImageCallback(){
34. publicvoidimageLoaded(DrawableimageDrawable,StringimageUrl){
35. ImageViewimageViewByTag=(ImageView)listView.findViewWithTag(imageUrl);
36. if(imageViewByTag!=null){
37. imageViewByTag.setImageDrawable(imageDrawable);
38. }
39. }
40. });
41. imageView.setImageDrawable(cachedImage);
43. //SetthetextontheTextView
44. TextViewtextView=viewCache.getTextView();
45. textView.setText(imageAndText.getText());
47. returnrowView;
48. }
49. }

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

view plain

1. ImageViewimageViewByTag=(ImageView)listView.findViewWithTag(imageUrl);
2. if(imageViewByTag!=null){
3. imageViewByTag.setImageDrawable(imageDrawable);
4. }

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

view plain

1. publicclassViewCache{
3. privateViewbaseView;
4. privateTextViewtextView;
5. privateImageViewimageView;
7. publicViewCache(ViewbaseView){
8. this.baseView=baseView;
9. }
11. publicTextViewgetTextView(){
12. if(textView==null){
13. textView=(TextView)baseView.findViewById(R.id.text);
14. }
15. returntitleView;
16. }
18. publicImageViewgetImageView(){
19. if(imageView==null){
20. imageView=(ImageView)baseView.findViewById(R.id.image);
21. }
22. returnimageView;
23. }
24. }

总结：这里主要做了三点优化

• 在单一线程里加载图片

• 重用列表中行

• 缓存行中的View