原文鏈接：http://blog.csdn.net/guolin_blog/article/details/17482165，CSDN 郭霖

在上一篇文章中，我們了解了Volley到底是什么，以及它的基本用法。本篇文章中我們即將學(xué)習(xí)關(guān)于Volley更加高級的用法，如何你還沒有看過我的上一篇文章的話，建議先去閱讀Android Volley完全解析(一)，初識Volley的基本用法。

在上篇文章中有提到過，Volley是將AsyncHttpClient和Universal-Image-Loader的優(yōu)點集成于一身的一個框架。我們都知道，Universal-Image-Loader具備非常強(qiáng)大的加載網(wǎng)絡(luò)圖片的功能，而使用Volley，我們也可以實現(xiàn)基本類似的效果，并且在性能上也豪不遜色于Universal-Image-Loader，下面我們就來具體學(xué)習(xí)一下吧。

1. ImageRequest的用法

前面我們已經(jīng)學(xué)習(xí)過了StringRequest和JsonRequest的用法，并且總結(jié)出了它們的用法都是非常類似的，基本就是進(jìn)行以下三步操作即可：

創(chuàng)建一個RequestQueue對象。

創(chuàng)建一個Request對象。

將Request對象添加到RequestQueue里面。

其中，StringRequest和JsonRequest都是繼承自Request的，所以它們的用法才會如此類似。那么不用多說，今天我們要學(xué)習(xí)的ImageRequest，相信你從名字上就已經(jīng)猜出來了，它也是繼承自Request的，因此它的用法也是基本相同的，首先需要獲取到一個RequestQueue對象，可以調(diào)用如下方法獲取到：

RequestQueue mQueue = Volley.newRequestQueue(context);

接下來自然要去new出一個ImageRequest對象了，代碼如下所示：

ImageRequest imageRequest = new ImageRequest( "http://developer.android.com/images/home/aw_dac.png", new Response.Listener<Bitmap>() { @Override public void onResponse(Bitmap response) { imageView.setImageBitmap(response); } }, 0, 0, Config.RGB_565, new Response.ErrorListener() { @Override public void onErrorResponse(VolleyError error) { imageView.setImageResource(R.drawable.default_image); } });

可以看到，ImageRequest的構(gòu)造函數(shù)接收六個參數(shù)，第一個參數(shù)就是圖片的URL地址，這個沒什么需要解釋的。第二個參數(shù)是圖片請求成功的回調(diào)，這里我們把返回的Bitmap參數(shù)設(shè)置到ImageView中。第三第四個參數(shù)分別用于指定允許圖片最大的寬度和高度，如果指定的網(wǎng)絡(luò)圖片的寬度或高度大于這里的最大值，則會對圖片進(jìn)行壓縮，指定成0的話就表示不管圖片有多大，都不會進(jìn)行壓縮。第五個參數(shù)用于指定圖片的顏色屬性，Bitmap.Config下的幾個常量都可以在這里使用，其中ARGB_8888可以展示最好的顏色屬性，每個圖片像素占據(jù)4個字節(jié)的大小，而RGB_565則表示每個圖片像素占據(jù)2個字節(jié)大小。第六個參數(shù)是圖片請求失敗的回調(diào)，這里我們當(dāng)請求失敗時在ImageView中顯示一張默認(rèn)圖片。

最后將這個ImageRequest對象添加到RequestQueue里就可以了，如下所示：

mQueue.add(imageRequest);

現(xiàn)在如果運行一下程序，并嘗試發(fā)出這樣一條網(wǎng)絡(luò)請求，很快就能看到網(wǎng)絡(luò)上的圖片在ImageView中顯示出來了，如下圖所示：

2. ImageLoader的用法

如果你覺得ImageRequest已經(jīng)非常好用了，那我只能說你太容易滿足了 ^_^。實際上，Volley在請求網(wǎng)絡(luò)圖片方面可以做到的還遠(yuǎn)遠(yuǎn)不止這些，而ImageLoader就是一個很好的例子。ImageLoader也可以用于加載網(wǎng)絡(luò)上的圖片，并且它的內(nèi)部也是使用ImageRequest來實現(xiàn)的，不過ImageLoader明顯要比ImageRequest更加高效，因為它不僅可以幫我們對圖片進(jìn)行緩存，還可以過濾掉重復(fù)的鏈接，避免重復(fù)發(fā)送請求。

由于ImageLoader已經(jīng)不是繼承自Request的了，所以它的用法也和我們之前學(xué)到的內(nèi)容有所不同，總結(jié)起來大致可以分為以下四步：

創(chuàng)建一個RequestQueue對象。

創(chuàng)建一個ImageLoader對象。

獲取一個ImageListener對象。

調(diào)用ImageLoader的get()方法加載網(wǎng)絡(luò)上的圖片。

下面我們就來按照這個步驟，學(xué)習(xí)一下ImageLoader的用法吧。首先第一步的創(chuàng)建RequestQueue對象我們已經(jīng)寫過很多遍了，相信已經(jīng)不用再重復(fù)介紹了，那么就從第二步開始學(xué)習(xí)吧，新建一個ImageLoader對象，代碼如下所示：

ImageLoader imageLoader = new ImageLoader(mQueue, new ImageCache() { @Override public void putBitmap(String url, Bitmap bitmap) { } @Override public Bitmap getBitmap(String url) { return null; } });

可以看到，ImageLoader的構(gòu)造函數(shù)接收兩個參數(shù)，第一個參數(shù)就是RequestQueue對象，第二個參數(shù)是一個ImageCache對象，這里我們先new出一個空的ImageCache的實現(xiàn)即可。

接下來需要獲取一個ImageListener對象，代碼如下所示：

ImageListener listener = ImageLoader.getImageListener(imageView, R.drawable.default_image, R.drawable.failed_image);

我們通過調(diào)用ImageLoader的getImageListener()方法能夠獲取到一個ImageListener對象，getImageListener()方法接收三個參數(shù)，第一個參數(shù)指定用于顯示圖片的ImageView控件，第二個參數(shù)指定加載圖片的過程中顯示的圖片，第三個參數(shù)指定加載圖片失敗的情況下顯示的圖片。

最后，調(diào)用ImageLoader的get()方法來加載圖片，代碼如下所示：

imageLoader.get("https://img-my.csdn.net/uploads/201404/13/1397393290_5765.jpeg", listener);

get()方法接收兩個參數(shù)，第一個參數(shù)就是圖片的URL地址，第二個參數(shù)則是剛剛獲取到的ImageListener對象。當(dāng)然，如果你想對圖片的大小進(jìn)行限制，也可以使用get()方法的重載，指定圖片允許的最大寬度和高度，如下所示：

imageLoader.get("https://img-my.csdn.net/uploads/201404/13/1397393290_5765.jpeg", listener, 200, 200);

現(xiàn)在運行一下程序并開始加載圖片，你將看到ImageView中會先顯示一張默認(rèn)的圖片，等到網(wǎng)絡(luò)上的圖片加載完成后，ImageView則會自動顯示該圖，效果如下圖所示。

雖然現(xiàn)在我們已經(jīng)掌握了ImageLoader的用法，但是剛才介紹的ImageLoader的優(yōu)點卻還沒有使用到。為什么呢？因為這里創(chuàng)建的ImageCache對象是一個空的實現(xiàn)，完全沒能起到圖片緩存的作用。其實寫一個ImageCache也非常簡單，但是如果想要寫一個性能非常好的ImageCache，最好就要借助Android提供的LruCache功能了，如果你對LruCache還不了解，可以參考我之前的一篇博客Android高效加載大圖、多圖解決方案，有效避免程序OOM。

這里我們新建一個BitmapCache并實現(xiàn)了ImageCache接口，如下所示：

public class BitmapCache implements ImageCache { private LruCache<String, Bitmap> mCache; public BitmapCache() { int maxSize = 10 * 1024 * 1024; mCache = new LruCache<String, Bitmap>(maxSize) { @Override protected int sizeOf(String key, Bitmap bitmap) { return bitmap.getRowBytes() * bitmap.getHeight(); } }; } @Override public Bitmap getBitmap(String url) { return mCache.get(url); } @Override public void putBitmap(String url, Bitmap bitmap) { mCache.put(url, bitmap); } }

可以看到，這里我們將緩存圖片的大小設(shè)置為10M。接著修改創(chuàng)建ImageLoader實例的代碼，第二個參數(shù)傳入BitmapCache的實例，如下所示：

ImageLoader imageLoader = new ImageLoader(mQueue, new BitmapCache());

這樣我們就把ImageLoader的功能優(yōu)勢充分利用起來了。

3. NetworkImageView的用法

除了以上兩種方式之外，Volley還提供了第三種方式來加載網(wǎng)絡(luò)圖片，即使用NetworkImageView。不同于以上兩種方式，NetworkImageView是一個自定義控制，它是繼承自ImageView的，具備ImageView控件的所有功能，并且在原生的基礎(chǔ)之上加入了加載網(wǎng)絡(luò)圖片的功能。NetworkImageView控件的用法要比前兩種方式更加簡單，大致可以分為以下五步：

創(chuàng)建一個RequestQueue對象。

創(chuàng)建一個ImageLoader對象。

在布局文件中添加一個NetworkImageView控件。

在代碼中獲取該控件的實例。

設(shè)置要加載的圖片地址。

其中，第一第二步和ImageLoader的用法是完全一樣的，因此這里我們就從第三步開始學(xué)習(xí)了。首先修改布局文件中的代碼，在里面加入NetworkImageView控件，如下所示：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <Button android:id="@+id/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Send Request" /> <com.android.volley.toolbox.NetworkImageView android:id="@+id/network_image_view" android:layout_width="200dp" android:layout_height="200dp" android:layout_gravity="center_horizontal" /> </LinearLayout>

接著在Activity獲取到這個控件的實例，這就非常簡單了，代碼如下所示：

networkImageView = (NetworkImageView) findViewById(R.id.network_image_view);

得到了NetworkImageView控件的實例之后，我們可以調(diào)用它的setDefaultImageResId()方法、setErrorImageResId()方法和setImageUrl()方法來分別設(shè)置加載中顯示的圖片，加載失敗時顯示的圖片，以及目標(biāo)圖片的URL地址，如下所示：

networkImageView.setDefaultImageResId(R.drawable.default_image); networkImageView.setErrorImageResId(R.drawable.failed_image); networkImageView.setImageUrl("https://img-my.csdn.net/uploads/201404/13/1397393290_5765.jpeg", imageLoader);

其中，setImageUrl()方法接收兩個參數(shù)，第一個參數(shù)用于指定圖片的URL地址，第二個參數(shù)則是前面創(chuàng)建好的ImageLoader對象。

好了，就是這么簡單，現(xiàn)在重新運行一下程序，你將看到和使用ImageLoader來加載圖片一模一樣的效果，這里我就不再截圖了。

這時有的朋友可能就會問了，使用ImageRequest和ImageLoader這兩種方式來加載網(wǎng)絡(luò)圖片，都可以傳入一個最大寬度和高度的參數(shù)來對圖片進(jìn)行壓縮，而NetworkImageView中則完全沒有提供設(shè)置最大寬度和高度的方法，那么是不是使用NetworkImageView來加載的圖片都不會進(jìn)行壓縮呢？

其實并不是這樣的，NetworkImageView并不需要提供任何設(shè)置最大寬高的方法也能夠?qū)虞d的圖片進(jìn)行壓縮。這是由于NetworkImageView是一個控件，在加載圖片的時候它會自動獲取自身的寬高，然后對比網(wǎng)絡(luò)圖片的寬度，再決定是否需要對圖片進(jìn)行壓縮。也就是說，壓縮過程是在內(nèi)部完全自動化的，并不需要我們關(guān)心，NetworkImageView會始終呈現(xiàn)給我們一張大小剛剛好的網(wǎng)絡(luò)圖片，不會多占用任何一點內(nèi)存，這也是NetworkImageView最簡單好用的一點吧。

當(dāng)然了，如果你不想對圖片進(jìn)行壓縮的話，其實也很簡單，只需要在布局文件中把NetworkImageView的layout_width和layout_height都設(shè)置成wrap_content就可以了，這樣NetworkImageView就會將該圖片的原始大小展示出來，不會進(jìn)行任何壓縮。

這樣我們就把使用Volley來加載網(wǎng)絡(luò)圖片的用法都學(xué)習(xí)完了，今天的講解也就到此為止，下一篇文章中我會帶大家繼續(xù)探究Volley的更多功能。感興趣的朋友請繼續(xù)閱讀Android Volley完全解析(三)，定制自己的Request。

總結(jié)

以上是生活随笔為你收集整理的Android Volley完全解析2：使用Volley加载网络图片的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。