天天看点

网络通讯库Volley精炼详解第(二)课:使用Volley加载网络图片

一、前期基础知识储备

笔者在之前的一节文章里《网络通讯库Volley精炼详解第(一)课:Volley介绍和简单使用》讲解了Volley的一些基本概况,并简单实现了一段网络文本的数据的请求,接下来本节内容,将实现Volley的另一项高效的用法—加载网络图片。这也是Volley作为知名库的一大特点所在。Volley是将AsyncHttpClient和Universal-Image-Loader的优点集成于一身的一个框架。我们都知道,Universal-Image-Loader具备非常强大的加载网络图片的功能,而使用Volley,我们也可以实现基本类似的效果,并且在性能上也豪不逊色于Universal-Image-Loader。

在本节的讲解中,一共会实现Volley的三种网络图片的加载方式:

①ImageRequest

②ImageLoader,具体分为两种

二、上代码,具体实现

(1)ImageRequest的用法

该用法继承自Request,所以和StringRequest的用法一致.

使用Android Studio时会发现,此方法已经被标注为ImageRequest,所以不建议使用。

(2)ImageLoader的用法

ImageLoader明显要比ImageRequest更加高效,因为它不仅可以帮我们对图片进行缓存,还可以过滤掉重复的链接,避免重复发送请求。

由于ImageLoader已经不是继承自Request的了,所以它的用法也和我们之前学到的内容有所不同,总结起来大致可以分为以下四步:

①创建一个RequestQueue对象;

RequestQueue mQueue = Volley.newRequestQueue(context);  
           

② 创建一个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("https://img-my.csdn.net/uploads/201404/13/1397393290_5765.jpeg",listener);
           

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

运行效果如图:

网络通讯库Volley精炼详解第(二)课:使用Volley加载网络图片

做到这里,ImageLoader的一般用法,就已经讲解完毕,但是从实现图片加载的方式来看,并没有比ImageRequest的要先进多少,嗯!那是因为,我们还没有发挥出ImageLoader的强大之处——对已经加载过的图片实现缓存。在上面的实现代码中,我们为ImageLoader传入的是new ImageCache(),这只是一个空的实现,那么接下来,我们具体实现一次真实的缓存。

我们在这里,新建一个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创建代码:

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

(3)NetworkImageView的用法

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

①创建一个RequestQueue对象;——步骤和前面一样

②创建一个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" >  
       
    <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>  
           

④ 在代码中获取该控件的实例;

⑤设置要加载的图片地址。

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

运行效果如图:

网络通讯库Volley精炼详解第(二)课:使用Volley加载网络图片

注:此时的图片缩小了,↓↓↓↓↓↓↓↓↓

NetworkImageView并不需要提供任何设置最大宽高的方法也能够对加载的图片进行压缩。这是由于NetworkImageView是一个控件,在加载图片的时候它会自动获取自身的宽高,然后对比网络图片的宽度,再决定是否需要对图片进行压缩。也就是说,压缩过程是在内部完全自动化的,并不需要我们关心,NetworkImageView会始终呈现给我们一张大小刚刚好的网络图片,不会多占用任何一点内存,这也是NetworkImageView最简单好用的一点吧。

如果你不想对图片进行压缩的话,其实也很简单,只需要在布局文件中把NetworkImageView的layout_width和layout_height都设置成wrap_content就可以了,这样NetworkImageView就会将该图片的原始大小展示出来,不会进行任何压缩。

继续阅读