[转载]Android实现ListView异步加载图片

feiyang10086

[转载]Android实现ListView异步加载图片

原文分享地址：http://apps.hi.baidu.com/share/detail/34554080

ListView异步加载图片是非常实用的方法，凡是是要通过网络获取图片资源一般使用这种方法比较好，用户体验好，不用让用户等待下去，下面就说实现方法，先贴上主方法的代码：


Java代码

1. 1.package  cn.wangmeng.test;   
   
2. 2.  
   
3. 3.import  Java.io.IOException;   
   
4. 4.import  java.io.InputStream;   
   
5. 5.import  java.lang.ref.SoftReference;   
   
6. 6.import  java.NET.MalformedURLException;   
   
7. 7.import  java.net.URL;   
   
8. 8.import  java.util.HashMap;   
   
9. 9.  
   
10. 10.import  Android.graphics.drawable.Drawable;   
    
11. 11.import  android.os.Handler;   
    
12. 12.import  android.os.Message;   
    
13. 13.  
    
14. 14.public   class  AsyncImageLoader {   
    
15. 15.  
    
16. 16.      private  HashMap < String, SoftReference < Drawable >>  imageCache;   
    
17. 17.         
    
18. 18.      public  AsyncImageLoader() {   
    
19. 19.             imageCache  =   new  HashMap < String, SoftReference < Drawable >> ();   
    
20. 20.         }   
    
21. 21.         
    
22. 22.      public  Drawable loadDrawable( final  String imageUrl,  final  ImageCallback imageCallback) {   
    
23. 23.              if  (imageCache.containsKey(imageUrl)) {   
    
24. 24.                 SoftReference < Drawable >  softReference  =  imageCache.get(imageUrl);   
    
25. 25.                 Drawable drawable  =  softReference.get();   
    
26. 26.                  if  (drawable  !=   null ) {   
    
27. 27.                      return  drawable;   
    
28. 28.                 }   
    
29. 29.             }   
    
30. 30.              final  Handler handler  =   new  Handler() {   
    
31. 31.                  public   void  handleMessage(Message message) {   
    
32. 32.                     imageCallback.imageLoaded((Drawable) message.obj, imageUrl);   
    
33. 33.                 }   
    
34. 34.             };   
    
35. 35.              new  Thread() {   
    
36. 36.                 @Override  
    
37. 37.                  public   void  run() {   
    
38. 38.                     Drawable drawable  =  loadImageFromUrl(imageUrl);   
    
39. 39.                     imageCache.put(imageUrl,  new  SoftReference < Drawable > (drawable));   
    
40. 40.                     Message message  =  handler.obtainMessage( 0 , drawable);   
    
41. 41.                     handler.sendMessage(message);   
    
42. 42.                 }   
    
43. 43.             }.start();   
    
44. 44.              return   null ;   
    
45. 45.         }   
    
46. 46.         
    
47. 47.     public   static  Drawable loadImageFromUrl(String url) {   
    
48. 48.            URL m;   
    
49. 49.            InputStream i  =   null ;   
    
50. 50.             try  {   
    
51. 51.                m  =   new  URL(url);   
    
52. 52.                i  =  (InputStream) m.getContent();   
    
53. 53.            }  catch  (MalformedURLException e1) {   
    
54. 54.                e1.printStackTrace();   
    
55. 55.            }  catch  (IOException e) {   
    
56. 56.                e.printStackTrace();   
    
57. 57.            }   
    
58. 58.            Drawable d  =  Drawable.createFromStream(i,  " src " );   
    
59. 59.             return  d;   
    
60. 60.        }   
    
61. 61.         
    
62. 62.     public   interface  ImageCallback {   
    
63. 63.              public   void  imageLoaded(Drawable imageDrawable, String imageUrl);   
    
64. 64.         }   
    
65. 65.  
    
66. 66.}   
    
67. package  cn.wangmeng.test;
    
68. 
    
69. import  Java.io.IOException;
    
70. import  java.io.InputStream;
    
71. import  java.lang.ref.SoftReference;
    
72. import  java.NET.MalformedURLException;
    
73. import  java.net.URL;
    
74. import  java.util.HashMap;
    
75. 
    
76. import  Android.graphics.drawable.Drawable;
    
77. import  android.os.Handler;
    
78. import  android.os.Message;
    
79. 
    
80. public   class  AsyncImageLoader {
    
81. 
    
82.       private  HashMap < String, SoftReference < Drawable >>  imageCache;
    
83.       
    
84.       public  AsyncImageLoader() {
    
85.              imageCache  =   new  HashMap < String, SoftReference < Drawable >> ();
    
86.          }
    
87.       
    
88.       public  Drawable loadDrawable( final  String imageUrl,  final  ImageCallback imageCallback) {
    
89.               if  (imageCache.containsKey(imageUrl)) {
    
90.                  SoftReference < Drawable >  softReference  =  imageCache.get(imageUrl);
    
91.                  Drawable drawable  =  softReference.get();
    
92.                   if  (drawable  !=   null ) {
    
93.                       return  drawable;
    
94.                  }
    
95.              }
    
96.               final  Handler handler  =   new  Handler() {
    
97.                   public   void  handleMessage(Message message) {
    
98.                      imageCallback.imageLoaded((Drawable) message.obj, imageUrl);
    
99.                  }
    
100.              };
     
101.               new  Thread() {
     
102.                  @Override
     
103.                   public   void  run() {
     
104.                      Drawable drawable  =  loadImageFromUrl(imageUrl);
     
105.                      imageCache.put(imageUrl,  new  SoftReference < Drawable > (drawable));
     
106.                      Message message  =  handler.obtainMessage( 0 , drawable);
     
107.                      handler.sendMessage(message);
     
108.                  }
     
109.              }.start();
     
110.               return   null ;
     
111.          }
     
112.       
     
113.      public   static  Drawable loadImageFromUrl(String url) {
     
114.             URL m;
     
115.             InputStream i  =   null ;
     
116.              try  {
     
117.                 m  =   new  URL(url);
     
118.                 i  =  (InputStream) m.getContent();
     
119.             }  catch  (MalformedURLException e1) {
     
120.                 e1.printStackTrace();
     
121.             }  catch  (IOException e) {
     
122.                 e.printStackTrace();
     
123.             }
     
124.             Drawable d  =  Drawable.createFromStream(i,  " src " );
     
125.              return  d;
     
126.         }
     
127.       
     
128.      public   interface  ImageCallback {
     
129.               public   void  imageLoaded(Drawable imageDrawable, String imageUrl);
     
130.          }
     
131. 
     
132. }   

复制代码

以上代码是实现异步获取图片的主方法，SoftReference是软引用，是为了更好的为了系统回收变量，重复的URL直接返回已有的资源，实现回调函数，让数据成功后，更新到UI线程。


ViewCache是辅助获取adapter的子元素布局


Java代码

1. 1.package  cn.wangmeng.test;   
   
2. 2.  
   
3. 3.import  java.util.List;   
   
4. 4.  
   
5. 5.import  cn.wangmeng.test.AsyncImageLoader.ImageCallback;   
   
6. 6.  
   
7. 7.import  android.app.Activity;   
   
8. 8.import  android.graphics.drawable.Drawable;   
   
9. 9.import  android.view.LayoutInflater;   
   
10. 10.import  android.view.View;   
    
11. 11.import  android.view.ViewGroup;   
    
12. 12.import  android.widget.ArrayAdapter;   
    
13. 13.import  android.widget.ImageView;   
    
14. 14.import  android.widget.ListView;   
    
15. 15.import  android.widget.TextView;   
    
16. 16.  
    
17. 17.public   class  ImageAndTextListAdapter  extends  ArrayAdapter < ImageAndText >  {   
    
18. 18.  
    
19. 19.         private  ListView listView;   
    
20. 20.         private  AsyncImageLoader asyncImageLoader;   
    
21. 21.  
    
22. 22.         public  ImageAndTextListAdapter(Activity activity, List < ImageAndText >  imageAndTexts, ListView listView) {   
    
23. 23.             super (activity,  0 , imageAndTexts);   
    
24. 24.             this .listView  =  listView;   
    
25. 25.            asyncImageLoader  =   new  AsyncImageLoader();   
    
26. 26.        }   
    
27. 27.  
    
28. 28.         public  View getView( int  position, View convertView, ViewGroup parent) {   
    
29. 29.            Activity activity  =  (Activity) getContext();   
    
30. 30.  
    
31. 31.             //  Inflate the views from XML   
    
32. 32.            View rowView  =  convertView;   
    
33. 33.            ViewCache viewCache;   
    
34. 34.             if  (rowView  ==   null ) {   
    
35. 35.                LayoutInflater inflater  =  activity.getLayoutInflater();   
    
36. 36.                rowView  =  inflater.inflate(R.layout.image_and_text_row,  null );   
    
37. 37.                viewCache  =   new  ViewCache(rowView);   
    
38. 38.                rowView.setTag(viewCache);   
    
39. 39.            }  else  {   
    
40. 40.                viewCache  =  (ViewCache) rowView.getTag();   
    
41. 41.            }   
    
42. 42.            ImageAndText imageAndText  =  getItem(position);   
    
43. 43.  
    
44. 44.             //  Load the image and set it on the ImageView   
    
45. 45.            String imageUrl  =  imageAndText.getImageUrl();   
    
46. 46.            ImageView imageView  =  viewCache.getImageView();   
    
47. 47.            imageView.setTag(imageUrl);   
    
48. 48.            Drawable cachedImage  =  asyncImageLoader.loadDrawable(imageUrl,  new  ImageCallback() {   
    
49. 49.                 public   void  imageLoaded(Drawable imageDrawable, String imageUrl) {   
    
50. 50.                    ImageView imageViewByTag  =  (ImageView) listView.findViewWithTag(imageUrl);   
    
51. 51.                     if  (imageViewByTag  !=   null ) {   
    
52. 52.                        imageViewByTag.setImageDrawable(imageDrawable);   
    
53. 53.                    }   
    
54. 54.                }   
    
55. 55.            });   
    
56. 56.             if  (cachedImage  ==   null ) {   
    
57. 57.                imageView.setImageResource(R.drawable.default_image);   
    
58. 58.            } else {   
    
59. 59.                imageView.setImageDrawable(cachedImage);   
    
60. 60.            }   
    
61. 61.             //  Set the text on the TextView   
    
62. 62.            TextView textView  =  viewCache.getTextView();   
    
63. 63.            textView.setText(imageAndText.getText());   
    
64. 64.  
    
65. 65.             return  rowView;   
    
66. 66.        }   
    
67. 67.  
    
68. 68.}  

复制代码

package  cn.wangmeng.test;

import  java.util.List;

import  cn.wangmeng.test.AsyncImageLoader.ImageCallback;

1. import  android.app.Activity;
   
2. import  android.graphics.drawable.Drawable;
   
3. import  android.view.LayoutInflater;
   
4. import  android.view.View;
   
5. import  android.view.ViewGroup;
   
6. import  android.widget.ArrayAdapter;
   
7. import  android.widget.ImageView;
   
8. import  android.widget.ListView;
   
9. import  android.widget.TextView;
   
10. 
    
11. public   class  ImageAndTextListAdapter  extends  ArrayAdapter < ImageAndText >  {
    
12. 
    
13.          private  ListView listView;
    
14.          private  AsyncImageLoader asyncImageLoader;
    
15. 
    
16.          public  ImageAndTextListAdapter(Activity activity, List < ImageAndText >  imageAndTexts, ListView listView) {
    
17.              super (activity,  0 , imageAndTexts);
    
18.              this .listView  =  listView;
    
19.             asyncImageLoader  =   new  AsyncImageLoader();
    
20.         }
    
21. 
    
22.          public  View getView( int  position, View convertView, ViewGroup parent) {
    
23.             Activity activity  =  (Activity) getContext();
    
24. 
    
25.              //  Inflate the views from XML
    
26.             View rowView  =  convertView;
    
27.             ViewCache viewCache;
    
28.              if  (rowView  ==   null ) {
    
29.                 LayoutInflater inflater  =  activity.getLayoutInflater();
    
30.                 rowView  =  inflater.inflate(R.layout.image_and_text_row,  null );
    
31.                 viewCache  =   new  ViewCache(rowView);
    
32.                 rowView.setTag(viewCache);
    
33.             }  else  {
    
34.                 viewCache  =  (ViewCache) rowView.getTag();
    
35.             }
    
36.             ImageAndText imageAndText  =  getItem(position);
    
37. 
    
38.              //  Load the image and set it on the ImageView
    
39.             String imageUrl  =  imageAndText.getImageUrl();
    
40.             ImageView imageView  =  viewCache.getImageView();
    
41.             imageView.setTag(imageUrl);
    
42.             Drawable cachedImage  =  asyncImageLoader.loadDrawable(imageUrl,  new  ImageCallback() {
    
43.                  public   void  imageLoaded(Drawable imageDrawable, String imageUrl) {
    
44.                     ImageView imageViewByTag  =  (ImageView) listView.findViewWithTag(imageUrl);
    
45.                      if  (imageViewByTag  !=   null ) {
    
46.                         imageViewByTag.setImageDrawable(imageDrawable);
    
47.                     }
    
48.                 }
    
49.             });
    
50.              if  (cachedImage  ==   null ) {
    
51.                 imageView.setImageResource(R.drawable.default_image);
    
52.             } else {
    
53.                 imageView.setImageDrawable(cachedImage);
    
54.             }
    
55.              //  Set the text on the TextView
    
56.             TextView textView  =  viewCache.getTextView();
    
57.             textView.setText(imageAndText.getText());
    
58. 
    
59.              return  rowView;
    
60.         }
    
61. 
    
62. }  

复制代码

ImageAndTextListAdapter是实现ListView的Adapter，里面有个技巧就是imageView.setTag(imageUrl)，setTag是存储数据的，这样是为了保证在回调函数时，listview去更新自己对应item,大家仔细阅读就知道了。

如果有一天21

谢谢分享