`

Android Volley完全解析(二),使用Volley加载网络图片

 
阅读更多

在上篇文章中有提到过,Volley是将AsyncHttpClient和Universal-Image-Loader的优点集成于一身的一个框架。我们都知道,Universal-Image-Loader具备非常强大的加载网络图片的功能,而使用Volley,我们也可以实现基本类似的效果,并且在性能上也豪不逊色于Universal-Image-Loader,下面我们就来具体学习一下吧。

1. ImageRequest的用法

前面我们已经学习过了StringRequest和JsonRequest的用法,并且总结出了它们的用法都是非常类似的,基本就是进行以下三步操作即可:

 

1. 创建一个RequestQueue对象。

2. 创建一个Request对象。

3. 将Request对象添加到RequestQueue里面。

其中,StringRequest和JsonRequest都是继承自Request的,所以它们的用法才会如此类似。那么不用多说,今天我们要学习的ImageRequest,相信你从名字上就已经猜出来了,它也是继承自Request的,因此它的用法也是基本相同的,首先需要获取到一个RequestQueue对象,可以调用如下方法获取到:

[java] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. RequestQueue mQueue = Volley.newRequestQueue(context);  

接下来自然要去new出一个ImageRequest对象了,代码如下所示:

[java] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. ImageRequest imageRequest = new ImageRequest(  
  2.         "http://developer.android.com/images/home/aw_dac.png",  
  3.         new Response.Listener<Bitmap>() {  
  4.             @Override  
  5.             public void onResponse(Bitmap response) {  
  6.                 imageView.setImageBitmap(response);  
  7.             }  
  8.         }, 00, Config.RGB_565, new Response.ErrorListener() {  
  9.             @Override  
  10.             public void onErrorResponse(VolleyError error) {  
  11.                 imageView.setImageResource(R.drawable.default_image);  
  12.             }  
  13.         });  

可以看到,ImageRequest的构造函数接收六个参数,第一个参数就是图片的URL地址,这个没什么需要解释的。第二个参数是图片请求成功的回调,这里我们把返回的Bitmap参数设置到ImageView中。第三第四个参数分别用于指定允许图片最大的宽度和高度,如果指定的网络图片的宽度或高度大于这里的最大值,则会对图片进行压缩,指定成0的话就表示不管图片有多大,都不会进行压缩。第五个参数用于指定图片的颜色属性,Bitmap.Config下的几个常量都可以在这里使用,其中ARGB_8888可以展示最好的颜色属性,每个图片像素占据4个字节的大小,而RGB_565则表示每个图片像素占据2个字节大小。第六个参数是图片请求失败的回调,这里我们当请求失败时在ImageView中显示一张默认图片。

 

最后将这个ImageRequest对象添加到RequestQueue里就可以了,如下所示:

[java] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. 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对象,代码如下所示:

[java] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. ImageLoader imageLoader = new ImageLoader(mQueue, new ImageCache() {  
  2.     @Override  
  3.     public void putBitmap(String url, Bitmap bitmap) {  
  4.     }  
  5.   
  6.     @Override  
  7.     public Bitmap getBitmap(String url) {  
  8.         return null;  
  9.     }  
  10. });  

可以看到,ImageLoader的构造函数接收两个参数,第一个参数就是RequestQueue对象,第二个参数是一个ImageCache对象,这里我们先new出一个空的ImageCache的实现即可。

 

接下来需要获取一个ImageListener对象,代码如下所示:

[java] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. ImageListener listener = ImageLoader.getImageListener(imageView,  
  2.         R.drawable.default_image, R.drawable.failed_image);  

我们通过调用ImageLoader的getImageListener()方法能够获取到一个ImageListener对象,getImageListener()方法接收三个参数,第一个参数指定用于显示图片的ImageView控件,第二个参数指定加载图片的过程中显示的图片,第三个参数指定加载图片失败的情况下显示的图片。

 

最后,调用ImageLoader的get()方法来加载图片,代码如下所示:

[java] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. imageLoader.get("http://img.my.csdn.net/uploads/201404/13/1397393290_5765.jpeg", listener);  

get()方法接收两个参数,第一个参数就是图片的URL地址,第二个参数则是刚刚获取到的ImageListener对象。当然,如果你想对图片的大小进行限制,也可以使用get()方法的重载,指定图片允许的最大宽度和高度,如下所示:

[java] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. imageLoader.get("http://img.my.csdn.net/uploads/201404/13/1397393290_5765.jpeg",  
  2.                 listener, 200200);  

 

现在运行一下程序并开始加载图片,你将看到ImageView中会先显示一张默认的图片,等到网络上的图片加载完成后,ImageView则会自动显示该图,效果如下图所示。

虽然现在我们已经掌握了ImageLoader的用法,但是刚才介绍的ImageLoader的优点却还没有使用到。为什么呢?因为这里创建的ImageCache对象是一个空的实现,完全没能起到图片缓存的作用。其实写一个ImageCache也非常简单,但是如果想要写一个性能非常好的ImageCache,最好就要借助Android提供的LruCache功能了,如果你对LruCache还不了解,可以参考我之前的一篇博客Android高效加载大图、多图解决方案,有效避免程序OOM

这里我们新建一个BitmapCache并实现了ImageCache接口,如下所示:

[java] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. public class BitmapCache implements ImageCache {  
  2.   
  3.     private LruCache<String, Bitmap> mCache;  
  4.   
  5.     public BitmapCache() {  
  6.         int maxSize = 10 * 1024 * 1024;  
  7.         mCache = new LruCache<String, Bitmap>(maxSize) {  
  8.             @Override  
  9.             protected int sizeOf(String key, Bitmap bitmap) {  
  10.                 return bitmap.getRowBytes() * bitmap.getHeight();  
  11.             }  
  12.         };  
  13.     }  
  14.   
  15.     @Override  
  16.     public Bitmap getBitmap(String url) {  
  17.         return mCache.get(url);  
  18.     }  
  19.   
  20.     @Override  
  21.     public void putBitmap(String url, Bitmap bitmap) {  
  22.         mCache.put(url, bitmap);  
  23.     }  
  24.   
  25. }  

可以看到,这里我们将缓存图片的大小设置为10M。接着修改创建ImageLoader实例的代码,第二个参数传入BitmapCache的实例,如下所示:

[java] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. 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控件,如下所示:

[html] view plain copy
 在CODE上查看代码片派生到我的代码片
  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获取到这个控件的实例,这就非常简单了,代码如下所示:

[java] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. networkImageView = (NetworkImageView) findViewById(R.id.network_image_view);  

得到了NetworkImageView控件的实例之后,我们可以调用它的setDefaultImageResId()方法、setErrorImageResId()方法和setImageUrl()方法来分别设置加载中显示的图片,加载失败时显示的图片,以及目标图片的URL地址,如下所示:

[java] view plain copy
 在CODE上查看代码片派生到我的代码片
  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就会将该图片的原始大小展示出来,不会进行任何压缩。

分享到:
评论

相关推荐

    Android Volley框架的基本使用解析

    Android之Volley框架的使用,包括Volley的get和post请求方式的使用、Volley的取消队列网络请求和Volley与Activity生命周期的联动、Volley的简单的二次回调封装、Volley加载图片的介绍及用法

    Android使用Volley框架解析json数据和异步加载图片,数据图片显示在ListView

    我们很多时候为解析json数据和记载网络图片而头疼,volley可以为你解决这一切,这个程序使用volley解析json数据,得到数据和图片的地址,由于volley为你封装好咯,无需自己去处理异步操作,volley可以根据图片地址...

    volley加载网络图片

    在Android应用开发中,使用Volley加载网络图片是一项常见的需求,这能提升用户体验,使得图片能够及时地在界面上展示出来。下面将详细讲解如何使用Volley进行网络图片加载,以及涉及到的相关技术。 1. **基本使用**...

    Android Volley框架完全解析

    **Android Volley 框架完全解析** Android Volley 是 Google 推出的一款强大的网络请求库,专为 Android 应用设计,旨在提供轻量级、高效、快速的网络通信方案。Volley 主要针对 JSON 类型的数据进行优化,适用于...

    Android用网络开发包volley

    **Android Volley 深度解析** Volley 是 Google 推出的一款高效、便捷的网络请求库,专为 Android 应用程序设计,旨在简化网络...了解和熟练掌握 Volley 的使用,能显著提升 Android 应用程序的网络性能和用户体验。

    Android-网络通信框架Volley使用详解

    本文将详细解析如何使用Volley进行网络请求,包括GET、POST、图片加载、HTTPS通信、处理Cookie以及自定义请求等关键功能,并讨论如何设置超时。 ### 1. 发送GET请求 GET请求是最常见的网络请求类型,用于从服务器...

    Android Volley 请求代码

    **Android Volley 深度解析** `Android Volley` 是Google在2013年I/O大会上推出的网络请求库,它以其高效、易用的特点深受Android开发者喜爱。Volley旨在简化网络请求处理,优化性能,特别是在处理小数据量和高频率...

    android最新网络框架Volley使用实例

    Volley是Google为Android开发的一款高效的网络通信框架,它的设计目标是简化网络请求,并优化Android设备上的图片加载。Volley以其高效、灵活和易于使用的特性,成为许多Android开发者首选的网络库。 首先,我们来...

    Android使用Volley解析网易云音乐Api

    在Android开发中,Volley是一个非常流行的网络请求库,它由Google开发并推荐使用,尤其适合处理大量的小数据量请求,如加载图片、获取JSON数据等。本篇将重点讲解如何利用Volley来解析网易云音乐API,为你的Android...

    AndroidVolley框架使用源代码

    Android Volley 是 Google 推出的一款高效的网络请求库,专为 Android 应用设计,旨在简化网络数据的加载,提高性能并减少内存消耗。这个压缩包文件 "Android_Volley" 很可能包含了Volley框架的源代码,使得开发者...

    Android网络通信框架Volley的解析和比较.pdf

    【Android 网络通信框架 Volley 的解析和比较】 在 Android 应用程序开发中,网络通信是不可或缺的一部分,主要用于客户端和服务端的数据交互。Volley 是 Google 在 2013 年的 Google I/O 大会上推出的一款针对 ...

    android_volley包

    Volley是Google推出的一款高效的Android网络请求库,它在2013年的I/O大会上首次亮相,设计目标是为了提供一个轻量级、高性能的网络通信框架,特别适合于处理大量的小数据量请求,如图像加载、JSON数据交换等。Volley...

    android volley

    8. **图片加载**:Volley 包含了 ImageLoader 组件,可以方便地进行图片的加载、缓存和复用,防止内存泄漏。 9. **可扩展性**:Volley 的设计允许开发者方便地添加自定义的请求类型、网络堆栈或者缓存策略,满足...

    使用Gson解析json并且加载json中的网络图片

    在这个场景中,"使用Gson解析json并且加载json中的网络图片"涉及到的关键技术点包括Gson库的使用、JSON解析、ListView的填充以及网络图片的加载。 首先,我们要理解Gson的工作原理。Gson通过反射机制,能够自动地将...

    Android网络通信框架Volley

    **Android网络通信框架Volley详解** Volley是Google在2013年I/O大会上推出的一款专门为Android平台设计的网络通信框架,它以其高效的性能、简单的API和良好的可扩展性,成为了众多Android开发者进行网络请求时的...

    android-volley-master volley library。android开发之Google官方开源框架,著名的开源框架

    6. **图片加载**:Volley包含了一个ImageLoader模块,专门用于加载网络图片。它可以配合LruBitmapCache进行高效的图片缓存,避免内存溢出,提升应用性能。 7. **自定义扩展**:Volley的结构设计非常开放,允许...

    Volley封装使用Demo

    在本“Volley封装使用Demo”中,我们将深入探讨如何利用Volley进行网络请求的封装,以实现高效、便捷的网络数据交互。 首先,Volley的核心组件包括RequestQueue(请求队列)、NetworkDispatcher(网络调度器)和...

    android_volley

    Volley 是 Google 推出的一款高效的网络请求库,专为 Android 设计,旨在简化网络通信并优化应用程序性能。它的核心设计理念是快速响应、低延迟,通过在主线程中缓存和处理请求,减少了用户等待时间,提升了用户体验...

    Volley。fastJson解析网络Json ,多线程显示图片,简单缓存图片,万能适配器,完美解决图片排序混乱问题,完美解决图片多次加载问题

    首先,我们要讨论的是如何使用Volley和FastJson进行网络Json解析。Volley提供了RequestQueue来管理网络请求,你可以通过NetworkDispatcher线程池处理这些请求。当接收到JSON响应时,可以使用FastJson来解析。...

    Volley框架的使用

    Volley是Google推出的一款高效的Android网络请求库,它旨在简化Android应用中的网络通信,并且对性能进行了优化。Volley的设计理念是快速响应、低内存占用和流畅的UI交互,这使得它成为移动开发中处理HTTP请求的理想...

Global site tag (gtag.js) - Google Analytics