Android中关于Volley的使用（一）加载图片

在Android中，如果我们要展示的图片是存储在网络上的时候，我们就必须通过HttpClient或者HttpUrlConnection这两个类来进行关于网络方面的操作，比如下面中利用GridView来展示几个图片：

关于GridView如何来展示图片就不多讲了，这个其实是跟ListView利用BaseAdapter来展示的原理是一样的，大家有兴趣可以下面的文章看一下：

Android中关于Adapter的使用（下）BaseAdapter

在这里，我们先看一下怎么利用HttpUrlConnection来获取网络上的图片的。

1）首先是图片源：

[java]  view plain  copy

 

1. private static final String[] URLS = {  
2.     "https://img-my.csdn.net/uploads/201403/03/1393854094_4652.jpg",  
3.     "https://img-my.csdn.net/uploads/201403/03/1393854084_6138.jpg",  
4.     "https://img-my.csdn.net/uploads/201403/03/1393854084_1323.jpg",  
5.     "https://img-my.csdn.net/uploads/201403/03/1393854084_8439.jpg",  
6.     "https://img-my.csdn.net/uploads/201403/03/1393854083_6511.jpg",  
7.     "https://img-my.csdn.net/uploads/201403/03/1393854083_2323.jpg"        
8. };  
9.   
10. private static final String[] DESCS = {  
11.     "photo1","photo2","photo3","photo4","photo5","photo6"  
12. };  

2）在BaseAdapter的getView方法中，我们要去获取网络上的图片，并将其转化为Bitmap，代码如下：

[java]  view plain  copy

 

1. viewHolder.ivImage.setImageBitmap(readBitmapFromUrl(URLS[position]));  
2. ...  
3.   
4. public Bitmap readBitmapFromUrl(String imgUrl){  
5.     BitmapFactory.Options op = new BitmapFactory.Options();  
6.     op.inPreferredConfig = Bitmap.Config.ARGB_8888;  
7.     op.inDither = false;  
8.     op.inScaled = false;  
9.     Bitmap bitmap = null;  
10.     try {  
11.         URL url = new URL(imgUrl);            
12.         HttpURLConnection conn = (HttpURLConnection) url.openConnection();  
13.         conn.setConnectTimeout(3 * 1000);  
14.           
15.         if(conn.getResponseCode() != 200){   
16.             throw new RuntimeException("Request Failed");  
17.         }  
18.         InputStream is = conn.getInputStream();  
19.           
20.         bitmap = BitmapFactory.decodeStream(is,null,op);  
21.           
22.         bitmap = Helper.zoomBitmap(bitmap, 150, 150);  
23.           
24.     } catch (MalformedURLException e) {  
25.         e.printStackTrace();  
26.     } catch (IOException e) {  
27.         e.printStackTrace();  
28.     }         
29.     return bitmap;  
30. }  

在这里，我们首先根据参数imgUrl定义了URL对象，并通过openConnection函数返回HttpURLConnection对象，然后利用BitmapFactory的decodeStream方法将Response的stream给解析成对应的Bitmap，而获取到的图片可能是比较大的，我们需要将其缩小到适合的大小，以便在屏幕上显示，于是我们又调用了zoomBitamp函数（自定义的函数）来进行一个缩小的操作。

我们会发现，虽然我们能够利用HttpURLConnection这样去实现我们想要的功能，但是需要我们自己去做的事情还是太多了，尤其是在上面还没有考虑图片非常多的情况，没有考虑缓存，网络请求等方面的因素，真的要去考虑，会烦死的。

而且上面的代码只是适宜运行在2.3以上，4.0以下的机器，在4.0以上的机器，是不允许我们直接这样去用HttpURLConnection来进行网络方面的通讯的，会爆下面的错误的，如下：

[plain]  view plain  copy

 

1. 03-04 23:18:44.773: E/AndroidRuntime(13299): android.os.NetworkOnMainThreadException    
2. 03-04 23:18:44.773: E/AndroidRuntime(13299):    at android.os.StrictMode$AndroidBlockGuardPolicy.onNetwork(StrictMode.java:1103)    
3. 03-04 23:18:44.773: E/AndroidRuntime(13299):    at java.net.InetAddress.lookupHostByName(InetAddress.java:391)    
4. 03-04 23:18:44.773: E/AndroidRuntime(13299):    at java.net.InetAddress.getAllByNameImpl(InetAddress.java:242)    
5. 03-04 23:18:44.773: E/AndroidRuntime(13299):    at java.net.InetAddress.getAllByName(InetAddress.java:220)    
6. 03-04 23:18:44.773: E/AndroidRuntime(13299):    at libcore.net.http.HttpConnection.<init>(HttpConnection.java:71)    
7. 03-04 23:18:44.773: E/AndroidRuntime(13299):    at libcore.net.http.HttpConnection.<init>(HttpConnection.java:50)    
8. 03-04 23:18:44.773: E/AndroidRuntime(13299):    at libcore.net.http.HttpConnection$Address.connect(HttpConnection.java:351)    
9. 03-04 23:18:44.773: E/AndroidRuntime(13299):    at libcore.net.http.HttpConnectionPool.get(HttpConnectionPool.java:86)    
10. 03-04 23:18:44.773: E/AndroidRuntime(13299):    at libcore.net.http.HttpConnection.connect(HttpConnection.java:128)    
11. 03-04 23:18:44.773: E/AndroidRuntime(13299):    at libcore.net.http.HttpEngine.openSocketConnection(HttpEngine.java:308)    
12. 03-04 23:18:44.773: E/AndroidRuntime(13299):    at libcore.net.http.HttpsURLConnectionImpl$HttpsEngine.makeSslConnection(HttpsURLConnectionImpl.java:460)    
13. 03-04 23:18:44.773: E/AndroidRuntime(13299):    at libcore.net.http.HttpsURLConnectionImpl$HttpsEngine.connect(HttpsURLConnectionImpl.java:432)    

我觉得开发的，就要善于去利用各种各样的工具来减轻我们的时间成本，而Volley就是Android中一个很好的网络通信的小工具啦，虽然我们自己包装一下，也能够做到同样的功能，但是有时候，人与人之间的的差别还真是在那里的，有些人就能够做得很好，而有些人就真的做不到那么好，跑题了，只是感叹一下牛人的世界。

那么如何利用Volley来实现网络图片的加载呢？其实有很多种方式的，今天我们就先讲一种最简单的加载方式，代码如下：

1）定义一个RequestQueue，如下：

[java]  view plain  copy

 

1. private RequestQueue mQueue;  

2）在OnCreate方法中对其进行初始化，this其实就是当前Activity，是一个Context类：

[java]  view plain  copy

 

1. mQueue = Volley.newRequestQueue(this);  

3）创建ImageRequest对象，并将其添加到mQueue中，如下：

[java]  view plain  copy

 

1. public void readBitmapViaVolley(String imgUrl, final ImageView imageView) {  
2.     ImageRequest imgRequest = new ImageRequest(imgUrl,  
3.             new Response.Listener<Bitmap>() {  
4.                 @Override  
5.                 public void onResponse(Bitmap arg0) {  
6.                     // TODO Auto-generated method stub  
7.                     imageView.setImageBitmap(arg0);  
8.                 }  
9.             },   
10.             300,   
11.             200,   
12.             Config.ARGB_8888,   
13.             new ErrorListener() {  
14.                 @Override  
15.                 public void onErrorResponse(VolleyError arg0) {  
16.                       
17.                 }  
18.             });  
19.     mQueue.add(imgRequest);  
20. }  

在上面，我们可以看到，在ImageRequest的构造函数中，我们就可以直接将一些关于Bitmap的参数给传进去了，比如长宽等信息，然后在其返回的Response.Listener中获得返回的结果，就是一个Bitmap了，并在onResponse函数中对ImageView进行设置，最后将其添加到mQueue中。

4）当上面的一切都做好之后，就可以了，实现的效果跟我们利用HttpURLConnection来实现的效果是一模一样的，而且更快，代码也简洁很多，是不？

Volley的功能不仅仅是这样简单地用简洁的代码来帮我们包装函数，也不仅仅只是操作图片，在其隐藏在后面的代码中，还做了其它一些工作，比如：

1）缓存的使用，包括内存和SD卡

2）网络请求队列的处理跟优化

3）图片加载的优化

4）对JSON数据的优化等

后面有时间，大家一起来学习学习吧。