volley中图片加载

volley图片加载有三种方式:android

记得:Volley中已经实现了磁盘缓存了,查看源码得知经过json

context.getCacheDir()获取到了 /data/data/<application package>/cache内部存储路径,默认大小是5MB.因此咱们只须要再实现内存缓存就能够了

1. ImageRequest缓存

 1 singleImg=(ImageView)findViewById(R.id.volley_img_single_imgeview);
 2         ImageRequest imgRequest=new ImageRequest(url, new Response.Listener<Bitmap>() {
 3             @Override
 4             public void onResponse(Bitmap arg0) {
 5                 // TODO Auto-generated method stub
 6                 singleImg.setImageBitmap(arg0);
 7             }
 8         }, 300, 200, Config.ARGB_8888, new ErrorListener(){
 9             @Override
10             public void onErrorResponse(VolleyError arg0) {
11                 // TODO Auto-generated method stub
12                 
13             }            
14         });
15         mRequestQueue.add(imgRequest);

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

最后将这个ImageRequest对象添加到RequestQueue里就能够了app

2. ImageLoaderide

 1 RequestQueue mRequestQueue = Volley.newRequestQueue(this);
 2         final LruCache<String, Bitmap> mImageCache = new LruCache<String, Bitmap>(
 3                 20);
 4         ImageCache imageCache = new ImageCache() {
 5             @Override
 6             public void putBitmap(String key, Bitmap value) {
 7                 mImageCache.put(key, value);
 8             }
 9 
10             @Override
11             public Bitmap getBitmap(String key) {
12                 return mImageCache.get(key);
13             }
14         };
15         ImageLoader mImageLoader = new ImageLoader(mRequestQueue, imageCache);
16         // imageView是一个ImageView实例
17         // ImageLoader.getImageListener的第二个参数是默认的图片resource id
18         // 第三个参数是请求失败时候的资源id,能够指定为0
19         ImageListener listener = ImageLoader
20                 .getImageListener(imageView, android.R.drawable.ic_menu_rotate,
21                         android.R.drawable.ic_delete);
22         mImageLoader.get(url, listener);

能够看出ImageLoader这个类须要一个Request的实例以及一个ImageCache的实例。图片经过一个URL和一个ImageListener实例的get()方法就能够被加载。从哪里,ImageLoader会检查ImageCache,并且若是缓存里没有图片就会从网络上获取。Volley的ImageCache接口容许你使用你喜欢的L1缓存实现。不幸的是Volley没有提供默认的实现。在I/O的介绍中展现了BitmapLruCache的一点代码片断,可是Volley这个库自己并不包含任何相关的实现。函数

ImageCache接口有两个方法,getBitmap(String url)和putBitmap(String url, Bitmap bitmap).这两个方法足够简单直白,他们能够添加任何的缓存实现。布局

3.NetworkImageView学习

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

1. 建立一个RequestQueue对象。

2. 建立一个ImageLoader对象。

3. 在布局文件中添加一个NetworkImageView控件。

4. 在代码中获取该控件的实例。

5. 设置要加载的图片地址。

其中,第一第二步和ImageLoader的用法是彻底同样的,所以这里咱们就从第三步开始学习了。首先修改布局文件中的代码,在里面加入NetworkImageView控件,以下所示

XML

<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控件的实例以后,咱们能够调用它的setDefaultImageResId()方法、setErrorImageResId()方法和setImageUrl()方法来分别设置加载中显示的图片, 加载失败时显示的图片,以及目标图片的URL地址,以下所示:

1 networkImageView.setDefaultImageResId(R.drawable.default_image);  
2 
3 networkImageView.setErrorImageResId(R.drawable.failed_image); 
4 
5 networkImageView.setImageUrl("http://img.my.csdn.net/uploads/201404/13/1397393290_5765.jpeg", imageLoader); 

好了,就是这么简单,如今从新运行一下程序,你将看到和使用ImageLoader来加载图片如出一辙的效果,这里我就再也不截图了。

这时有的朋友可能就会问了,使用ImageRequest和ImageLoader这两种方式来加载网络图片,均可以传入一个最大宽度和高度的参数来对图片进行压缩,而NetworkImageView中则彻底没有提供设置最大宽度和高度的方法,那么是否是使用NetworkImageView来加载的图片都不会进行压缩呢?

其实并非这样的,NetworkImageView并不须要提供任何设置最大宽高的方法也可以对加载的图片进行压缩。这是因为NetworkImageView是一个控件,在加载图片的时候它会自动获取自身的宽高,而后对比网络图片的宽度,再决定是否须要对图片进行压缩。也就是说,压缩过程是在内部彻底自动化的,并不须要咱们关心,NetworkImageView会始终呈现给咱们一张大小刚恰好的网络图片,不会多占用任何一点内存,这也是NetworkImageView最简单好用的一点吧。

固然了,若是你不想对图片进行压缩的话,其实也很简单,只须要在布局文件中把NetworkImageView的layout_width和layout_height都设置成wrap_content就能够了,这样NetworkImageView就会将该图片的原始大小展现出来,不会进行任何压缩。

这样咱们就把使用Volley来加载网络图片的用法都学习完了。

下一篇咱们继续介绍Volley中的json处理..........

相关文章
相关标签/搜索