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

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

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

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

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

1）首先是图片源：

	private static final String[] URLS = {
		"https://img-my.csdn.net/uploads/201403/03/1393854094_4652.jpg",
		"https://img-my.csdn.net/uploads/201403/03/1393854084_6138.jpg",
		"https://img-my.csdn.net/uploads/201403/03/1393854084_1323.jpg",
		"https://img-my.csdn.net/uploads/201403/03/1393854084_8439.jpg",
		"https://img-my.csdn.net/uploads/201403/03/1393854083_6511.jpg",
		"https://img-my.csdn.net/uploads/201403/03/1393854083_2323.jpg"		
	};
	
	private static final String[] DESCS = {
		"photo1","photo2","photo3","photo4","photo5","photo6"
	};

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

	viewHolder.ivImage.setImageBitmap(readBitmapFromUrl(URLS[position]));
	...
	
	public Bitmap readBitmapFromUrl(String imgUrl){
		BitmapFactory.Options op = new BitmapFactory.Options();
		op.inPreferredConfig = Bitmap.Config.ARGB_8888;
		op.inDither = false;
		op.inScaled = false;
		Bitmap bitmap = null;
		try {
			URL url = new URL(imgUrl);			
			HttpURLConnection conn = (HttpURLConnection) url.openConnection();
			conn.setConnectTimeout(3 * 1000);
			
			if(conn.getResponseCode() != 200){ 
				throw new RuntimeException("Request Failed");
			}
			InputStream is = conn.getInputStream();
			
			bitmap = BitmapFactory.decodeStream(is,null,op);
			
			bitmap = Helper.zoomBitmap(bitmap, 150, 150);
			
		} catch (MalformedURLException e) {
			e.printStackTrace();
		} catch (IOException e) {
			e.printStackTrace();
		}		
		return bitmap;
	}

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

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

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

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

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

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

1）定义一个RequestQueue，如下：

private RequestQueue mQueue;

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

mQueue = Volley.newRequestQueue(this);

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

	public void readBitmapViaVolley(String imgUrl, final ImageView imageView) {
		ImageRequest imgRequest = new ImageRequest(imgUrl,
				new Response.Listener<Bitmap>() {
					@Override
					public void onResponse(Bitmap arg0) {
						// TODO Auto-generated method stub
						imageView.setImageBitmap(arg0);
					}
				}, 
				300, 
				200, 
				Config.ARGB_8888, 
				new ErrorListener() {
					@Override
					public void onErrorResponse(VolleyError arg0) {
						
					}
				});
		mQueue.add(imgRequest);
	}

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

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

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

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

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

3）图片加载的优化

4）对JSON数据的优化等

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