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

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



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

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

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

1）首先是图片源：

[java] view
plaincopy





private static final String[] URLS = {

"http://img.my.csdn.net/uploads/201403/03/1393854094_4652.jpg",

"http://img.my.csdn.net/uploads/201403/03/1393854084_6138.jpg",

"http://img.my.csdn.net/uploads/201403/03/1393854084_1323.jpg",

"http://img.my.csdn.net/uploads/201403/03/1393854084_8439.jpg",

"http://img.my.csdn.net/uploads/201403/03/1393854083_6511.jpg",

"http://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，代码如下：

[java] view
plaincopy





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来进行网络方面的通讯的，会爆下面的错误的，如下：

[plain] view
plaincopy





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，如下：

[java] view
plaincopy





private RequestQueue mQueue;

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

[java] view
plaincopy





mQueue = Volley.newRequestQueue(this);

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

[java] view
plaincopy





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数据的优化等

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