第一篇Volley的详解: http://www.javashuo.com/article/p-ypwmyupz-by.htmlandroid
上一篇文章咱们讲解了StringRequest和JsonRequest的基本使用方法,那么接下来咱们接着上一篇文章接着写,这篇咱们讲解关于下载图片的使用方法,若是还有什么不太明白的,请查看上一篇文章。缓存
在上篇文章中有提到过,Volley是将AsyncHttpClient和Universal-Image-Loader的优势集成于一身的一个框架。咱们都知道,Universal-Image-Loader具有很是强大的加载网络图片的功能,而使用Volley,咱们也能够实现基本相似的效果,而且在性能上也豪不逊色于Universal-Image-Loader,下面咱们就来具体学习一下吧。网络
使用实例app
1、 ImageRequest的用法框架
前面咱们已经学习过了StringRequest和JsonRequest的用法,而且总结出了它们的用法都是很是相似的,基本就是进行如下三步操做便可:ide
1.建立一个RequestQueue对象。函数
2.建立一个Request对象。布局
3.将Request对象添加到RequestQueue里面。性能
其中,StringRequest和JsonRequest都是继承自Request的,因此它们的用法才会如此相似。那么不用多说,今天咱们要学习的ImageRequest,相信你从名字上就已经猜出来了,它也是继承自Request的,所以它的用法也是基本相同的,首先须要获取到一个RequestQueue对象,能够调用以下方法获取到:学习
RequestQueue mRequestQueue = Volley.newRequestQueue(MainActivity.this);
接下来天然要去new出一个ImageRequest对象了,代码以下所示:
ImageRequest imageRequest = new ImageRequest(url, new Response.Listener<Bitmap>() { @Override public void onResponse(Bitmap bitmap) { Log.i(TAG, "-------------------"); imageView.setImageBitmap(bitmap); } }, 0, 0, Bitmap.Config.RGB_565, new Response.ErrorListener() { @Override public void onErrorResponse(VolleyError error) { Log.i(TAG, error.getMessage(), error); imageView.setImageResource(R.mipmap.ic_launcher); } }); mRequestQueue.add(imageRequest);
能够看到,ImageRequest的构造函数接收六个参数:
(1)个参数:就是图片的URL地址,这个没什么须要解释的。
(2)个参数:是图片请求成功的回调,这里咱们把返回的Bitmap参数设置到ImageView中。
(3)(4)个参数:分别用于指定容许图片最大的宽度和高度,若是指定的网络图片的宽度或高度大于这里的最大值,则会对图片进行压缩,指定成0的话就表示无论图片有多大,都不会进行压缩。
(5)个参数:用于指定图片的颜色属性,Bitmap.Config下的几个常量均可以在这里使用,其中ARGB_8888能够展现最好的颜色属性,每一个图片像素占据4个字节的大小,而RGB_565则表示每一个图片像素占据2个字节大小。
(6)个参数:是图片请求失败的回调,这里咱们当请求失败时在ImageView中显示一张默认图片。
2、ImageLoader的用法
若是你以为ImageRequest已经很是好用了,那我只能说你太容易知足了 ^_^。实际上,Volley在请求网络图片方面能够作到的还远远不止这些,而ImageLoader就是一个很好的例子。ImageLoader也能够用于加载网络上的图片,而且它的内部也是使用ImageRequest来实现的,不过ImageLoader明显要比ImageRequest更加高效,由于它不只能够帮咱们对图片进行缓存,还能够过滤掉重复的连接,避免重复发送请求。
因为ImageLoader已经不是继承自Request的了,因此它的用法也和咱们以前学到的内容有所不一样,总结起来大体能够分为如下四步:
1.建立一个RequestQueue对象。
2.建立一个ImageLoader对象。
3.获取一个ImageListener对象。
4.调用ImageLoader的get()方法加载网络上的图片。
下面咱们就来按照这个步骤,学习一下ImageLoader的用法吧。首先第一步的建立RequestQueue对象咱们已经写过不少遍了,相信已经不用再重复介绍了,那么就从第二步开始学习吧,新建一个ImageLoader对象,代码以下所示:
ImageLoader imageLoader = new ImageLoader(mRequestQueue, new ImageLoader.ImageCache() { @Override public Bitmap getBitmap(String s) { return null; } @Override public void putBitmap(String s, Bitmap bitmap) { imageView.setImageBitmap(bitmap); } });
能够看到,ImageLoader的构造函数接收两个参数,第一个参数就是RequestQueue对象,第二个参数是一个ImageCache对象,这里咱们先new出一个空的ImageCache的实现便可。
接下来须要获取一个ImageListener对象,代码以下所示:
ImageLoader.ImageListener imageListener = ImageLoader.getImageListener( imageView,R.mipmap.ic_launcher,R.mipmap.ic_launcher);
咱们经过调用ImageLoader的getImageListener()方法可以获取到一个ImageListener对象,getImageListener()方法接收三个参数,第一个参数指定用于显示图片的ImageView控件,第二个参数指定加载图片的过程当中显示的图片,第三个参数指定加载图片失败的状况下显示的图片。
最后,调用ImageLoader的get()方法来加载图片,代码以下所示:
imageLoader.get(url,imageListener);
get()方法接收两个参数,第一个参数就是图片的URL地址,第二个参数则是刚刚获取到的ImageListener对象。固然,若是你想对图片的大小进行限制,也可使用get()方法的重载,指定图片容许的最大宽度和高度,以下所示:
imageLoader.get(url,imageListener,200,200);
如今运行一下程序并开始加载图片,你将看到ImageView中会先显示一张默认的图片,等到网络上的图片加载完成后,ImageView则会自动显示该图。
虽然如今咱们已经掌握了ImageLoader的用法,可是刚才介绍的ImageLoader的优势却尚未使用到。为何呢?由于这里建立的ImageCache对象是一个空的实现,彻底没能起到图片缓存的做用。其实写一个ImageCache也很是简单,可是若是想要写一个性能很是好的ImageCache,最好就要借助Android提供的LruCache功能了。
这里咱们新建一个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(mRequestQueue, new BitmapCache());
这样咱们就把ImageLoader的功能优点充分利用起来了。
3、NetworkImageView的用法
除了以上两种方式以外,Volley还提供了第三种方式来加载网络图片,即便用NetworkImageView。不一样于以上两种方式,NetworkImageView是一个自定义控制,它是继承自ImageView的,具有ImageView控件的全部功能,而且在原生的基础之上加入了加载网络图片的功能。NetworkImageView控件的用法要比前两种方式更加简单,大体能够分为如下五步:
其中,第一第二步和ImageLoader的用法是彻底同样的,所以这里咱们就从第三步开始学习了。首先修改布局文件中的代码,在里面加入NetworkImageView控件,以下所示:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:orientation="vertical" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" app:layout_behavior="@string/appbar_scrolling_view_behavior" tools:context="com.zhjy.hxf.hzvolley.MainActivity" tools:showIn="@layout/activity_main"> <Button android:id="@+id/button" android:layout_width="match_parent" android:layout_height="60dp" /> <com.android.volley.toolbox.NetworkImageView android:id="@+id/imageview" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </LinearLayout>
接着在Activity获取到这个控件的实例,这就很是简单了,代码以下所示:
NetworkImageView networkImageView = (NetworkImageView) findViewById(R.id.network_imageview);
获得了NetworkImageView控件的实例以后,咱们能够调用它的setDefaultImageResId()方法、setErrorImageResId()方法和setImageUrl()方法来分别设置加载中显示的图片,加载失败时显示的图片,以及目标图片的URL地址,以下所示:
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", imageLoader);
其中,setImageUrl()方法接收两个参数,第一个参数用于指定图片的URL地址,第二个参数则是前面建立好的ImageLoader对象。
好了,就是这么简单,如今从新运行一下程序,你将看到和使用ImageLoader来加载图片如出一辙的效果
使用ImageRequest和ImageLoader这两种方式来加载网络图片,均可以传入一个最大宽度和高度的参数来对图片进行压缩,而NetworkImageView中则彻底没有提供设置最大宽度和高度的方法,那么是否是使用NetworkImageView来加载的图片都不会进行压缩呢?
其实并非这样的,NetworkImageView并不须要提供任何设置最大宽高的方法也可以对加载的图片进行压缩。这是因为NetworkImageView是一个控件,在加载图片的时候它会自动获取自身的宽高,而后对比网络图片的宽度,再决定是否须要对图片进行压缩。也就是说,压缩过程是在内部彻底自动化的,并不须要咱们关心,NetworkImageView会始终呈现给咱们一张大小刚恰好的网络图片,不会多占用任何一点内存,这也是NetworkImageView最简单好用的一点吧。
固然了,若是你不想对图片进行压缩的话,其实也很简单,只须要在布局文件中把NetworkImageView的layout_width和layout_height都设置成wrap_content就能够了,这样NetworkImageView就会将该图片的原始大小展现出来,不会进行任何压缩。
网络加载图片的就讲解到这里
把上面用到的代码贴个所有的:
public class MainActivity extends AppCompatActivity { private final static String TAG = "MainActivity.Name"; private RequestQueue mRequestQueue; private String url ="http://img.my.csdn.net/uploads/201404/13/1397393290_5765.jpeg"; private NetworkImageView networkImageView ; private Button mButton; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); setSupportActionBar(toolbar); init(); } private void init() { networkImageView = (NetworkImageView)findViewById(R.id.imageview); mButton = (Button)findViewById(R.id.button); mRequestQueue = Volley.newRequestQueue(MainActivity.this); final ImageLoader imageLoader = new ImageLoader(mRequestQueue, new ImageLoader.ImageCache() { @Override public void putBitmap(String url, Bitmap bitmap) { networkImageView.setImageBitmap(bitmap); } @Override public Bitmap getBitmap(String url) { return null; } }); mButton.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { networkImageView.setDefaultImageResId(R.mipmap.ic_launcher); networkImageView.setErrorImageResId(R.mipmap.ic_launcher); networkImageView.setImageUrl(url, imageLoader); } }); } }
若是上一篇的基础知识没有学好,能够从新阅读第一篇