Volley的更多使用方法詳解,imageloader的使用和NetWorkImageView的使用,進階Volley

如果沒有基礎的可以先看鏈接的基礎用法:http://blog.csdn.net/qq_35681180/article/details/53816636
2. ImageLoader的用法
如果你覺得ImageRequest已經非常好用了,那我只能說你太容易滿足了 ^_^。實際上,Volley在請求網絡圖片方面可以做到的還遠遠不止這些,而ImageLoader就是一個很好的例子。ImageLoader也可以用於加載網絡上的圖片,並且它的內部也是使用ImageRequest來實現的,不過ImageLoader明顯要比ImageRequest更加高效,因爲它不僅可以幫我們對圖片進行緩存,還可以過濾掉重複的鏈接,避免重複發送請求。
由於ImageLoader已經不是繼承自Request的了,所以它的用法也和我們之前學到的內容有所不同,總結起來大致可以分爲以下四步:
1. 創建一個RequestQueue對象。
2. 創建一個ImageLoader對象。
3. 獲取一個ImageListener對象。
4. 調用ImageLoader的get()方法加載網絡上的圖片。
下面我們就來按照這個步驟,學習一下ImageLoader的用法吧。首先第一步的創建RequestQueue對象我們已經寫過很多遍了,相信已經不用再重複介紹了,那麼就從第二步開始學習吧,新建一個ImageLoader對象,代碼如下所示:
 


2.ImageLoader imageLoader = new ImageLoader(mQueue, new ImageCache() {  
3.    @Override  
4.    public void putBitmap(String url, Bitmap bitmap) {  
5.    }  
6.  
7.    @Override  
8.    public Bitmap getBitmap(String url) {  
9.        return null;  
10.    }  
11.});  
可以看到,ImageLoader的構造函數接收兩個參數,第一個參數就是RequestQueue對象,第二個參數是一個ImageCache對象,這裏我們先new出一個空的ImageCache的實現即可。

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


2.ImageListener listener = ImageLoader.getImageListener(imageView,  
3.        R.drawable.default_image, R.drawable.failed_image);  
我們通過調用ImageLoader的getImageListener()方法能夠獲取到一個ImageListener對象,getImageListener()方法接收三個參數,第一個參數指定用於顯示圖片的ImageView控件,第二個參數指定加載圖片的過程中顯示的圖片,第三個參數指定加載圖片失敗的情況下顯示的圖片。

最後,調用ImageLoader的get()方法來加載圖片,代碼如下所示:
 


2.imageLoader.get("http://img.my.csdn.net/uploads/201404/13/1397393290_5765.jpeg", listener);  
get()方法接收兩個參數,第一個參數就是圖片的URL地址,第二個參數則是剛剛獲取到的ImageListener對象。當然,如果你想對圖片的大小進行限制,也可以使用get()方法的重載,指定圖片允許的最大寬度和高度,如下所示:
 


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

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

雖然現在我們已經掌握了ImageLoader的用法,但是剛纔介紹的ImageLoader的優點卻還沒有使用到。爲什麼呢?因爲這裏創建的ImageCache對象是一個空的實現,完全沒能起到圖片緩存的作用。其實寫一個ImageCache也非常簡單,但是如果想要寫一個性能非常好的ImageCache,最好就要藉助Android提供的LruCache功能了,如果你對LruCache還不瞭解,可以參考我之前的一篇博客Android高效加載大圖、多圖解決方案,有效避免程序OOM。
這裏我們新建一個BitmapCache並實現了ImageCache接口,如下所示:
 


13.public class BitmapCache implements ImageCache {  
14.  
15.    private LruCache<String, Bitmap> mCache;  
16.  
17.    public BitmapCache() {  
18.        int maxSize = 10 * 1024 * 1024;  
19.        mCache = new LruCache<String, Bitmap>(maxSize) {  
20.            @Override  
21.            protected int sizeOf(String key, Bitmap bitmap) {  
22.                return bitmap.getRowBytes() * bitmap.getHeight();  
23.            }  
24.        };  
25.    }  
26.  
27.    @Override  
28.    public Bitmap getBitmap(String url) {  
29.        return mCache.get(url);  
30.    }  
31.  
32.    @Override  
33.    public void putBitmap(String url, Bitmap bitmap) {  
34.        mCache.put(url, bitmap);  
35.    }  
36.  
37.}  
可以看到,這裏我們將緩存圖片的大小設置爲10M。接着修改創建ImageLoader實例的代碼,第二個參數傳入BitmapCache的實例,如下所示:
 


2.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控件,如下所示:
 


1.<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.    android:layout_width="fill_parent"  
3.    android:layout_height="fill_parent"  
4.    android:orientation="vertical" >  
5.  
6.    <Button  
7.        android:id="@+id/button"  
8.        android:layout_width="wrap_content"  
9.        android:layout_height="wrap_content"  
10.        android:text="Send Request" />  
11.      
12.    <com.android.volley.toolbox.NetworkImageView   
13.        android:id="@+id/network_image_view"  
14.        android:layout_width="200dp"  
15.        android:layout_height="200dp"  
16.        android:layout_gravity="center_horizontal"  
17.        />  
18.  
19.</LinearLayout>  
接着在Activity獲取到這個控件的實例,這就非常簡單了,代碼如下所示:
 


1.networkImageView = (NetworkImageView) findViewById(R.id.network_image_view);  
得到了NetworkImageView控件的實例之後,我們可以調用它的setDefaultImageResId()方法、setErrorImageResId()方法和setImageUrl()方法來分別設置加載中顯示的圖片,加載失敗時顯示的圖片,以及目標圖片的URL地址,如下所示:
 


1.networkImageView.setDefaultImageResId(R.drawable.default_image);  
2.networkImageView.setErrorImageResId(R.drawable.failed_image);  
3.networkImageView.setImageUrl("http://img.my.csdn.net/uploads/201404/13/1397393290_5765.jpeg",  
4.                imageLoader);  
其中,setImageUrl()方法接收兩個參數,第一個參數用於指定圖片的URL地址,第二個參數則是前面創建好的ImageLoader對象。

好了,就是這麼簡單,現在重新運行一下程序,你將看到和使用ImageLoader來加載圖片一模一樣的效果,這裏我就不再截圖了。
這時有的朋友可能就會問了,使用ImageRequest和ImageLoader這兩種方式來加載網絡圖片,都可以傳入一個最大寬度和高度的參數來對圖片進行壓縮,而NetworkImageView中則完全沒有提供設置最大寬度和高度的方法,那麼是不是使用NetworkImageView來加載的圖片都不會進行壓縮呢?
其實並不是這樣的,NetworkImageView並不需要提供任何設置最大寬高的方法也能夠對加載的圖片進行壓縮。這是由於NetworkImageView是一個控件,在加載圖片的時候它會自動獲取自身的寬高,然後對比網絡圖片的寬度,再決定是否需要對圖片進行壓縮。也就是說,壓縮過程是在內部完全自動化的,並不需要我們關心,NetworkImageView會始終呈現給我們一張大小剛剛好的網絡圖片,不會多佔用任何一點內存,這也是NetworkImageView最簡單好用的一點吧。
當然了,如果你不想對圖片進行壓縮的話,其實也很簡單,只需要在佈局文件中把NetworkImageView的layout_width和layout_height都設置成wrap_content就可以了,這樣NetworkImageView就會將該圖片的原始大小展示出來,不會進行任何壓縮。
這樣我們就把使用Volley來加載網絡圖片的用法都學習完了,今天的講解也就到此爲止,下一篇文章中我會帶大家繼續探究Volley的更多功能。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章