Android框架-Volley(二)

1. ImageRequest的用法

前面咱們已經學習過了StringRequest和JsonRequest的用法，而且總結出了它們的用法都是很是相似的，基本就是進行如下三步操做便可：

1. 建立一個RequestQueue對象。

2. 建立一個Request對象。

3. 將Request對象添加到RequestQueue裏面。

其中，StringRequest和JsonRequest都是繼承自Request的，因此它們的用法纔會如此相似。那麼不用多說，今天咱們要學習的ImageRequest，相信你從名字上就已經猜出來了，它也是繼承自Request的，所以它的用法也是基本相同的，首先須要獲取到一個RequestQueue對象，能夠調用以下方法獲取到：

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的構造函數接收六個參數，第一個參數就是圖片的URL地址，這個沒什麼須要解釋的。第二個參數是圖片請求成功的回調，這裏咱們把返回的Bitmap參數設置到ImageView中。第三第四個參數分別用於指定容許圖片最大的寬度和高度，若是指定的網絡圖片的寬度或高度大於這裏的最大值，則會對圖片進行壓縮，指定成0的話就表示無論圖片有多大，都不會進行壓縮。第五個參數用於指定圖片的顏色屬性，Bitmap.Config下的幾個常量均可以在這裏使用，其中ARGB_8888能夠展現最好的顏色屬性，每一個圖片像素佔據4個字節的大小，而RGB_565則表示每一個圖片像素佔據2個字節大小。第六個參數是圖片請求失敗的回調，這裏咱們當請求失敗時在ImageView中顯示一張默認圖片。

最後將這個ImageRequest對象添加到RequestQueue裏就能夠了，以下所示：

mQueue.add(imageRequest);  

 如今若是運行一下程序，並嘗試發出這樣一條網絡請求，很快就能看到網絡上的圖片在ImageView中顯示出來了，以下圖所示：

 

2. ImageLoader的用法

若是你以爲ImageRequest已經很是好用了，那我只能說你太容易知足了 ^_^。實際上，Volley在請求網絡圖片方面能夠作到的還遠遠不止這些，而ImageLoader就是一個很好的例子。ImageLoader也能夠用於加載網絡上的圖片，而且它的內部也是使用ImageRequest來實現的，不過ImageLoader明顯要比ImageRequest更加高效，由於它不只能夠幫咱們對圖片進行緩存，還能夠過濾掉重複的連接，避免重複發送請求。

因爲ImageLoader已經不是繼承自Request的了，因此它的用法也和咱們以前學到的內容有所不一樣，總結起來大體能夠分爲如下四步：

1. 建立一個RequestQueue對象。

2. 建立一個ImageLoader對象。

3. 獲取一個ImageListener對象。

4. 調用ImageLoader的get()方法加載網絡上的圖片。

下面咱們就來按照這個步驟，學習一下ImageLoader的用法吧。首先第一步的建立RequestQueue對象咱們已經寫過不少遍了，相信已經不用再重複介紹了，那麼就從第二步開始學習吧，新建一個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的構造函數接收兩個參數，第一個參數就是RequestQueue對象，第二個參數是一個ImageCache對象，這裏咱們先new出一個空的   ImageCache的實現便可。

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

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

 咱們經過調用ImageLoader的getImageListener()方法可以獲取到一個ImageListener對象，getImageListener()方法接收三個參數，第一個參數指定用於顯示圖片的ImageView控件，第二個參數指定加載圖片的過程當中顯示的圖片，第三個參數指定加載圖片失敗的狀況下顯示的圖片。

 最後，調用ImageLoader的get()方法來加載圖片，代碼以下所示：

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

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

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

 

如今運行一下程序並開始加載圖片，你將看到ImageView中會先顯示一張默認的圖片，等到網絡上的圖片加載完成後，ImageView則會自動顯示該圖，效果以下圖所示。

雖然如今咱們已經掌握了ImageLoader的用法，可是剛纔介紹的ImageLoader的優勢卻尚未使用到。爲何呢？由於這裏建立的ImageCache對象是一個空的實現，徹底沒能起到圖片緩存的做用。其實寫一個ImageCache也很是簡單，可是若是想要寫一個性能很是好的ImageCache，最好就要藉助Android提供的LruCache功能了.

這裏咱們新建一個BitmapCache並實現了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);  
    }  
  
}  

 能夠看到，這裏咱們將緩存圖片的大小設置爲10M。接着修改建立ImageLoader實例的代碼，第二個參數傳入BitmapCache的實例，以下所示：

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

 這樣咱們就把ImageLoader的功能優點充分利用起來了。

 

3. NetworkImageView的用法

除了以上兩種方式以外，Volley還提供了第三種方式來加載網絡圖片，即便用NetworkImageView。不一樣於以上兩種方式，NetworkImageView是一個自定義控制，它是繼承自ImageView的，具有ImageView控件的全部功能，而且在原生的基礎之上加入了加載網絡圖片的功能。NetworkImageView控件的用法要比前兩種方式更加簡單，大體能夠分爲如下五步：

1. 建立一個RequestQueue對象。

2. 建立一個ImageLoader對象。

3. 在佈局文件中添加一個NetworkImageView控件。

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

5. 設置要加載的圖片地址。

其中，第一第二步和ImageLoader的用法是徹底同樣的，所以這裏咱們就從第三步開始學習了。首先修改佈局文件中的代碼，在裏面加入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控件的實例以後，咱們能夠調用它的setDefaultImageResId()方法、setErrorImageResId()方法和setImageUrl()方法來分別設置加載中顯示的圖片，加載失敗時顯示的圖片，以及目標圖片的URL地址，以下所示：

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

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

 好了，就是這麼簡單，如今從新運行一下程序，你將看到和使用ImageLoader來加載圖片如出一轍的效果，這裏我就再也不截圖了。

這時有的朋友可能就會問了，使用ImageRequest和ImageLoader這兩種方式來加載網絡圖片，均可以傳入一個最大寬度和高度的參數來對圖片進行壓縮，而NetworkImageView中則徹底沒有提供設置最大寬度和高度的方法，那麼是否是使用NetworkImageView來加載的圖片都不會進行壓縮呢？

其實並非這樣的，NetworkImageView並不須要提供任何設置最大寬高的方法也可以對加載的圖片進行壓縮。這是因爲NetworkImageView是一個控件，在加載圖片的時候它會自動獲取自身的寬高，而後對比網絡圖片的寬度，再決定是否須要對圖片進行壓縮。也就是說，壓縮過程是在內部徹底自動化的，並不須要咱們關心，NetworkImageView會始終呈現給咱們一張大小剛恰好的網絡圖片，不會多佔用任何一點內存，這也是NetworkImageView最簡單好用的一點吧。

固然了，若是你不想對圖片進行壓縮的話，其實也很簡單，只須要在佈局文件中把NetworkImageView的layout_width和layout_height都設置成wrap_content就能夠了，這樣NetworkImageView就會將該圖片的原始大小展現出來，不會進行任何壓縮。