笔记13 | 练习Volley(二)加载网络图片的三种方法

地址

CSDN 地址:http://blog.csdn.net/xiangyong_1521/article/details/78144382郭霖:http://blog.csdn.net/guolinblog/article/details/17482165

经过上一篇的复习,对volley的StringRequest和JsonRequest的基本用法有了初步的了解,这篇文章来练习加载网络图片的用法。

目录

  • ImageRequest的用法
  • ImageLoader的用法
  • NetworkImageView的用法
  • 链接

一. ImageRequest的用法

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,//限制图片的高度和宽度,0为不限制
 Config.RGB_565,//图片的属性 ARGB_8888
 new Response.ErrorListener() {  //服务器访问失败的回调
            @Override  
            public void onErrorResponse(VolleyError error) {  
                imageView.setImageResource(R.drawable.default_image);  
            }  
        }); 
mQueue.add(imageRequest);  //将imageRequest对象添加到mQueue运行

二. ImageLoader的用法

ImageLoader也可以用于加载网络上的图片,并且它的内部也是使用ImageRequest来实现的,不过ImageLoader明显要比ImageRequest更加高效,因为它不仅可以帮我们对图片进行缓存,还可以过滤掉重复的链接,避免重复发送请求。 由于ImageLoader已经不是继承自Request的了,所以它的用法也和我们之前学到的内容有所不同,总结起来大致可以分为以下四步:

  1. 创建一个RequestQueue对象。
  2. 创建一个ImageLoader对象。
ImageLoader imageLoader = new ImageLoader(mQueue, new ImageCache() {  
    @Override  
    public void putBitmap(String url, Bitmap bitmap) {  
    }  

    @Override  
    public Bitmap getBitmap(String url) {  
        return null;  
    }  
});
  1. 获取一个ImageListener对象。
ImageListener listener = ImageLoader.getImageListener(imageView,  //用于显示imageView的对象
        R.drawable.default_image, //加载过程中显示的图片
 R.drawable.failed_image);  //加载失败显示的图片
  1. 调用ImageLoader的get()方法加载网络上的图片。
imageLoader.get("http://img.my.csdn.net/uploads/201404/13/1397393290_5765.jpeg", //图片的地址
listener);

如果对图有需要现在的话用:

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

运行的加载效果:

缓存机制的实现,新建一个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 imageLoader = new ImageLoader(mQueue, new BitmapCache());

将BitmapCache传后,即充分利用了ImageLoader的缓存优势了!


三. NetworkImageView的用法

NetworkImageView是一个自定义控制,它是继承自ImageView的,具备ImageView控件的所有功能,并且在原生的基础之上加入了加载网络图片的功能。NetworkImageView控件的用法要比前两种方式更加简单,大致可以分为以下五步:

  1. 创建一个RequestQueue对象。
  2. 创建一个ImageLoader对象。
  3. 在布局文件中添加一个NetworkImageView控件。
<com.android.volley.toolbox.NetworkImageView   
        android:id="@+id/network_image_view"  
        android:layout_width="200dp"  
        android:layout_height="200dp"  
        android:layout_gravity="center_horizontal"  
        />
  1. 在代码中获取该控件的实例。
  2. 设置要加载的图片地址。
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",  //加载的图片地址
                BitmapCache); //

NetworkImageView是一个控件,在加载图片的时候它会自动获取自身的宽高,然后对比网络图片的宽度,再决定是否需要对图片进行压缩。也就是说,压缩过程是在内部完全自动化的,并不需要我们关心,NetworkImageView会始终呈现给我们一张大小刚刚好的网络图片,不会多占用任何一点内存,这也是NetworkImageView最简单好用的一点吧。 如果你不想对图片进行压缩的话,其实也很简单,只需要在布局文件中把NetworkImageView的layoutwidth和layoutheight都设置成wrap_content就可以了,这样NetworkImageView就会将该图片的原始大小展示出来,不会进行任何压缩。


原文发布于微信公众号 - 项勇(xiangy_life)

原文发表时间:2017-10-02

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Samego开发资源

简单快捷的退出APP应用

1607
来自专栏分享达人秀

Android中基于回调的事件处理

通过前面两期掌握了Android中基于监听的事件处理的五种形式,那么本期一起来学习Android中基于回调的事件处理。 一、基于回调的事件处理概述 ...

1856
来自专栏Android干货

acffo的开源项目汇总

1337
来自专栏jianhuicode

如何使用融云地图,文件等插件--融云 Android SDK 2.8.0+ Extension 开发文档

转载自融云 Android SDK 2.8.0+ Extension 开发文档 融云 SDK 2.8.0 后对 会话界面输入区域、+号扩展区域、语音消息、Emo...

28510
来自专栏Android干货

Android项目实战(二十八):Zxing二维码实现及优化

3176
来自专栏向治洪

使用LRU算法缓存图片,android 3.0

在您的UI中显示单个图片是非常简单的,如果您需要一次显示很多图片就有点复杂了。在很多情况下 (例如使用 ListView, GridView 或者 View...

1868
来自专栏学海无涯

Android开发之浮动Activity

场景 在使用App时,曾经看到这样一个场景,如下图所示,点击顶部菜单按钮,有一个类似的对话框的列表显示出来,让用户选择其中的一个快递选项,然后选中的快递信息就会...

3147
来自专栏QQ音乐技术团队的专栏

yoga 初探

yoga 本是 Facebook 在 React Native 里引入的一种跨平台的基于 CSS 的布局系统,它实现了 Flexbox 规范,随着该系统不断完...

1.3K0
来自专栏分享达人秀

日期选择器DatePicker和时间选择器TimePicker

在实际开发中,经常会遇见一些时间选择器、日期选择器、数字选择器等需求,那么从本期开始来学习Android中常用选择器,今天学习的是DatePicker和...

2845
来自专栏Android干货

Android横屏下Fragment界面重叠问题

2825

扫码关注云+社区