volley中图片加载

volley图片加载有三种方式:

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里就可以了

2. ImageLoader

 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控件的用法要比前两种方式更加简单,大致可以分为以下五步:

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处理..........

时间: 2024-08-19 08:18:03

volley中图片加载的相关文章

Android中图片加载框架Glide解析2----从源码的角度理解Glide的执行流程

转载地址:http://blog.csdn.net/guolin_blog/article/details/53939176 在本系列的上一篇文章中,我们学习了Glide的基本用法,体验了这个图片加载框架的强大功能,以及它非常简便的API.还没有看过上一篇文章的朋友,建议先去阅读 Android图片加载框架最全解析(一),Glide的基本用法 . 在多数情况下,我们想要在界面上加载并展示一张图片只需要一行代码就能实现,如下所示: Glide.with(this).load(url).into(i

tableView_cell中图片加载_KVO

在真实的开发中,网络接口返回的JSON或XML数据中,通常不直接包含图片,而是给出图片的URL,我们 需要根据图片URL获取图片数据.为了便于后续使用,可将图片下载封装到一个类(ImageDownloader) 里面,ImageDownloader允许外界指定URL,提供开始下载和取消下载功能,并提供delegate或block 将图片传递给外界 UITableView显示图片,中的Model类注意事项 1.除了包含必要的数据外,还要包含一个ImageDownloader对象. 2.包含一个im

微信公众号文章中图片加载时,占位图宽高大小的确定

打开一篇多图的微信公众好文章.在图片加载过程中,我们发现微信对每一个img都塞了也个占位图,而且占位图的宽高就是实际加载完图的宽高.这是如何做到的呢? 1.微信所有的img标签里,都有自定义的data-ratio,data-w.这两个属性是关键. //data-w:是图片的natural width. //data-ratio:是图片的高/宽值. <img data-src="http://mmsns.qpic.cn/mmsns/yvia9lE3NdzrSMQ18VrVqjEUU5BeMx

IOS中图片加载的一些注意点

图片的加载: [UIImage imageNamed:@"home"] //加载 png图片 在ios中获取一张图片只需要写图片名即可 不需要写后缀 默认都是加载.png的图片 但是因为屏幕尺寸不同 所有我们图片在加载时 系统也会做相应的处理 那么系统会如何处理呢? 下面做了讲解: 加入我们现在有这样三张图片  分别表示在不同屏幕尺寸在现实的图片 home.png   3.5 inch 非retina屏幕 [email protected] retina屏幕 [email protec

19_Android中图片加载到内存,图片缩放,图片翻转倒置,网上撕衣服游戏案例编写

?? 1  场景:一张图片很大,放到手机上时需要对图片资源进行压缩以及缩放,编写如下界面的案例: 2 操作:当点击加载图片到内存时,图片从自己的手机sd卡中取到并显示. 3 ADT开发时,手机连接上电脑后,在Android开发工具中的"FileExplorer"中的文件位置如下: 4 下面开始编写代码,项目结构如下: 5 编写activity_main.xml,代码如下: <LinearLayout xmlns:android="http://schemas.andro

vue的 v-for 循环中图片加载路径问题

先看一下产品需求,如下图所示, 产品要求图片和它的名称一一对应,本来是非常简单的需求,后台直接返回图片路径和名称,前台直接读取就可以了,但是我们没有存储图片的服务器,再加上是一个实验性的需求,图片需要存放到前台.当时我想,vue 中的img 的src 可以动态绑定到一个变量上, 很简单吗,就没有考虑太多,直接开始做了. 首先和后台商量一下数据结构,因为图片要和名称一一对应,所以后台要返回中英文的名称的映射,我把前台的图片名称直接设置给后台给的英文名称,从而读取图片,图片和中文名称就一一对应了.数

img中图片加载不出时默认显示的图片

在js中有onload.onerror两个事件,可在图片中加入,修改对于的src地址, 这样可改善网络差或者图片丢失时的用户体验 如下 <img  src="img/3.jpg"  onerror="this.src='error.jpg'"/>

原 Volley框架之网络请求和图片加载

Volley是 Google 推出的 Android 异步网络请求框架和图片加载框架. Volley的特性 (1).封装了的异步的请求API.Volley 中大多是基于接口的设计,可配置性强.(2).一个优雅和稳健的请求队列,一定程度符合 Http 规范,包括请求头的处理,缓存机制的支持等.(3).自定义的网络图像加载视图(NetworkImageView,ImageLoader等) .(4). 提供简便的图片加载工具. 本案例包含get,post请求和几种网络图片加载的方式,效果如图:   

android 图片加载优化,避免oom问题产生

1,及时回收bitmap,在activity的onstop()和onDestory()里面调用如下代码进行bitmap的回收: // 先判断是否已经回收 if(bitmap != null && !bitmap.isRecycled()){ // 回收并且置为null bitmap.recycle(); bitmap = null; } System.gc(); 2,对oom异常的捕获:出现异常不能让程序就那么崩掉吧,所以对程序中中设计bitmap的操作都要检测oom异常进而进行处理: B