Android--volley架構(二)

標籤：

轉載請註明出處：http://blog.csdn.net/guolin_blog/article/details/17482165    郭霖

全是網路請求圖片的方法

一個可以練手的JSON字串  :  http://api.androidhive.info/volley/person_object.jso

一個可以練手的圖片       http://img.my.csdn.net/uploads/201404/13/1397393290_5765.jpeg

 

1. ImageRequest的用法 (也是繼承Request 和他們一樣)

前面我們已經學習過了StringRequest和JsonRequest的用法，並且總結出了它們的用法都是非常類似的，基本就是進行以下三步操作即可： 

1. 建立一個RequestQueue對象。

2. 建立一個Request對象。

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

其中，StringRequest和JsonRequest都是繼承自Request的，所以它們的用法才會如此類似

RequestQueue mQueue = Volley.newRequestQueue(context);  

 

接下來自然要去new出一個ImageRequest(要接受 6 個參數啊 )對象了，代碼如下所示：

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() {  　　//兩個0  分別指定允許圖片最大的寬度和高度.如果圖片大於這裡的最大值,就會對圖片進行壓縮,指定為0表示不管多大,都不壓縮. 第五個參數制定圖片的顏色屬性            @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中顯示一張預設圖片。

 

mQueue.add(imageRequest);  

 

2. ImageLoader的用法(內部也是ImageRequest,更搞笑,不僅可以對圖片緩衝,還可以過濾掉重複的連結,避免重複發送請求)

由於ImageLoader已經不是繼承自Request的了，所以它的用法也和我們之前學到的內容有所不同，總結起來大致可以分為以下四步：

1. 建立一個RequestQueue對象。

2. 建立一個ImageLoader對象。

3. 擷取一個ImageListener對象。

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

 

第二步開始學習吧，建立一個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則會自動顯示該圖，效果如所示。

階段二. 用上ImageCache緩衝(這也是ImageLoader更強大的地方)

其實寫一個ImageCache也非常簡單，但是如果想要寫一個效能非常好的ImageCache，最好就要藉助Android提供的LruCache功能了，如果你對LruCache還不瞭解，可以參考我之前的一篇部落格Android高效載入大圖、多圖解決方案，有效避免程式OOM。

 

這裡我們建立一個BitmapCache並實現了ImageCache介面，如下所示： 

public class BitmapCache implements ImageCache {        private LruCache<String, Bitmap> mCache;        public BitmapCache() {          int maxSize = 10 * 1024 * 1024; 　　　　　　　　　　 //緩衝圖片大小設定為 10M         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的用法(自訂控制,繼承ImageView)

除了以上兩種方式之外，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控制項的執行個體之後， 

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);    //靶心圖表片的url地址

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

 

 

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

其實並不是這樣的，NetworkImageView並不需要提供任何設定最大寬高的方法也能夠對載入的圖片進行壓縮。這是由於NetworkImageView是一個控制項，在載入圖片的時候它會自動擷取自身的寬高，然後對比網狀圖片的寬度，再決定是否需要對圖片進行壓縮。也就是說，壓縮過程是在內部完全自動化的，並不需要我們關心，NetworkImageView會始終呈現給我們一張大小剛剛好的網狀圖片，不會多佔用任何一點記憶體，這也是NetworkImageView最簡單好用的一點吧

 

布局檔案中把NetworkImageView的layout_width和layout_height都設定成wrap_content就可以了，這樣NetworkImageView就會將該圖片的原始大小展示出來，不會進行任何壓縮。

 

Android--volley架構(二)