网络相册：Gallery+AsyncTask+URLConnection 实现异步加载网络图片

这个例子需要点基础知识：

• Gallery的使用，这个网上的例子多的是
• 如何使用AsyncTask，这个可以看这里《[Android]异步任务AsyncTask使用解析》
• 使用URLConnection从网络下载图片，这个我在代码中加了很详细的注释
  

异步加载在Android应用上用处很广泛，这篇例子的Adapter部分完全可以移植到其他的组件中，如ListView。下面，我们来看代码吧：

首先，是最核心的代码ImageAdapter的实现，所有核心的功能都是在这里实现的

[java] view plain copy print ?

1. public class ImageAdapter extends BaseAdapter{  
2.     private List<String> imageUrls;       //图片地址list   
3.     private Context context;  
4.   
5.     public ImageAdapter(List<String> imageUrls, Context context) {  
6.         this.imageUrls = imageUrls;  
7.         this.context = context;  
8.     }  
9.   
10.     public int getCount() {  
11.         return imageUrls.size();  
12.     }  
13.   
14.     public Object getItem(int position) {  
15.         return imageUrls.get(position);  
16.     }  
17.   
18.     public long getItemId(int position) {  
19.         return position;  
20.     }  
21.   
22.     public View getView(int position, View convertView, ViewGroup parent) {  
23.   
24.         Bitmap image;  
25.         if(convertView==null){  
26.             convertView = LayoutInflater.from(context).inflate(R.layout.item,null); //实例化convertView   
27.   
28.             image = UrlConnectionActivity.imagesCache.get(imageUrls.get(position)); //从缓存中读取图片   
29.             if(image==null){  
30.                 //当缓存中没有要使用的图片时，先显示默认的图片   
31.                 image = UrlConnectionActivity.imagesCache.get("background_non_load");  
32.                 //异步加载图片   
33.                 LoadImageTask task = new LoadImageTask(convertView);  
34.                 task.execute(imageUrls.get(position));  
35.             }  
36.             convertView.setTag(image);  
37.   
38.         }  
39.        else{  
40.             image = (Bitmap) convertView.getTag();  
41.         }  
42.         ImageView imageView = (ImageView) convertView.findViewById(R.id.gallery_image);  
43.         imageView.setImageBitmap(image);  
44.         imageView.setScaleType(ImageView.ScaleType.FIT_XY);  
45.   
46.   
47.   
48.         return convertView;  
49.     }  
50.   
51.     //加载图片的异步任务   
52.     class LoadImageTask extends AsyncTask<String,Void,Bitmap>{  
53.          private View resultView;  
54.   
55.         LoadImageTask(View resultView) {  
56.             this.resultView = resultView;  
57.         }  
58.          // doInBackground完成后才会被调用   
59.         @Override  
60.             protected void onPostExecute(Bitmap bitmap) {  
61.                 //调用setTag保存图片以便于自动更新图片   
62.                 resultView.setTag(bitmap);  
63.             }  
64.             //从网上下载图片   
65.             @Override  
66.             protected Bitmap doInBackground(String... params) {  
67.                 Bitmap image=null;  
68.                    try {  
69.                        //new URL对象  把网址传入   
70.                        URL url = new URL(params[0]);  
71.                        //取得链接   
72.                        URLConnection conn = url.openConnection();  
73.                        conn.connect();  
74.                        //取得返回的InputStream   
75.                        InputStream is = conn.getInputStream();  
76.                        //将InputStream变为Bitmap   
77.                        image = BitmapFactory.decodeStream(is);  
78.                        is.close();  
79.                        UrlConnectionActivity.imagesCache.put(params[0],image);   //把下载好的图片保存到缓存中   
80.                    } catch (Exception e) {  
81.                        e.printStackTrace();  
82.                    }  
83.   
84.                 return image;  
85.             }  
86.     }  
87. }  

在ImageAdapter中用到的XML文件：res/layout/item.xml

[html] view plain copy print ?

1. <?xml version="1.0" encoding="utf-8"?>  
2.   
3. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
4.               android:layout_width="fill_parent"  
5.               android:layout_height="fill_parent">  
6.     <ImageView  
7.             android:layout_width="wrap_content"  
8.             android:layout_height="wrap_content"  
9.             android:id="@+id/gallery_image"/>  
10. </LinearLayout>  

在Activity中的使用：

[java] view plain copy print ?

1. public class MyActivity extends Activity{  
2.     public static HashMap<String,Bitmap> imagesCache=new HashMap<String, Bitmap>(); //图片缓存   
3.     private Gallery images_ga;  
4.     @Override  
5.     protected void onCreate(Bundle savedInstanceState) {  
6.   
7.   
8.         super.onCreate(savedInstanceState);  
9.         setContentView(R.layout.url_connection_image);  
10.         init();  
11.   
12.     }  
13.     private void init(){  
14.         Bitmap image= BitmapFactory.decodeResource(getResources(),R.drawable.jiazaizhong);  
15.         imagesCache.put("background_non_load",image);       //设置缓存中默认的图片   
16.   
17.         images_ga = (Gallery) findViewById(R.id.image_wall_gallery);  
18.         List<String> urls = new ArrayList<String>(); //图片地址List   
19.         //奶茶MM的图片，嘻嘻   
20.         urls.add("http://fujian.xabbs.com/forum/201109/02/160646nn9hjjiimixvkxhe.jpg");  
21.         urls.add("http://img1.cache.netease.com/catchpic/A/A9/A9D98040B397C366AE93E67871346561.jpg");  
22.         urls.add("http://new.aliyiyao.com/UpFiles/Image/2011/01/13/nc_129393721364387442.jpg");  
23.         urls.add("http://pic.viewpics.cn/2011/07/03/naichaMMzhangzetianzuixinzhaopian/18.jpg");  
24.         urls.add("http://i1.sinaimg.cn/ent/m/c/2010-01-18/U1819P28T3D2847679F326DT20100118115712.jpg");  
25.         urls.add("http://comic.sinaimg.cn/2011/0824/U5237P1157DT20110824161051.jpg");  
26.         ImageAdapter imageAdapter = new ImageAdapter(urls,this);  
27.         images_ga.setAdapter(imageAdapter);  
28.   
29.     }  
30.   
31. }