Glide实现加载图片显示进度条效果
先来看看效果图:
Glide作为最近几年刚开始流行起来的图片加载库,功能非常强大,我相信好多人都开始在项目中使用了,网上关于Glide的使用教程也非常多,最近在项目中要实现图片的进度条加载,在网上也没看到有现成的,就想着自己研究一下。
使用
Glide.with(MainActivity.this).using(new ProgressModelLoader( new ProgressHandler(MainActivity.this, progressImageView))). load("http://image2.sina.com.cn/dy/o/2004-11-10/1100077821_2laygS.jpg") .diskCacheStrategy(DiskCacheStrategy.NONE).into(progressImageView.getImageView());
思路
Glide的图片下载底层用的是OkHttp,它已经实现好了,所有要实现进度条加载,就必须要知道图片下载的进度,就要自己来写图片的下来实现,但是Glide支持不支持呢?网上查了一下发现它有个方法
public <T> ImageModelRequest<T> using(final StreamModelLoader<T> modelLoader) { return new ImageModelRequest<T>(modelLoader); }
这个方法可以指定图片请求loader,我们创建一个ProgressModelLoader类,实现StreamModelLoader接口
public class ProgressModelLoader implements StreamModelLoader<String> { private Handler handler; public ProgressModelLoader(Handler handler) { this.handler = handler; } @Override public DataFetcher<InputStream> getResourceFetcher(String model, int width, int height) { return new ProgressDataFetcher(model, handler); } }
重写getResourceFetcher方法,这个方法返回一个DataFetcher类,这个类是个数据提取类,是个接口,重写它的loadData方法来下载图片,我们来看下我创建的ProgressDataFetcher对loadData方法的重写
@Override public InputStream loadData(Priority priority) throws Exception { Request request = new Request.Builder().url(url).build(); OkHttpClient client = new OkHttpClient(); client.interceptors().add(new ProgressInterceptor(getProgressListener())); try { progressCall = client.newCall(request); Response response = progressCall.execute(); if (isCancelled) { return null; } if (!response.isSuccessful()) throw new IOException("Unexpected code " + response); stream = response.body().byteStream(); } catch (IOException e) { e.printStackTrace(); return null; } return stream; }
使用okhttp下载图片,添加一个拦截器
public class ProgressInterceptor implements Interceptor { private ProgressListener progressListener; public ProgressInterceptor(ProgressListener progressListener) { this.progressListener = progressListener; } @Override public Response intercept(Chain chain) throws IOException { Response originalResponse = chain.proceed(chain.request()); return originalResponse.newBuilder().body(new ProgressResponseBody(originalResponse.body(), progressListener)).build(); } }
重写intercept方法,创建一个ProgressResponseBody得到图片下载的进度,来看一下读流的方法
private Source source(Source source) { return new ForwardingSource(source) { long totalBytesRead = 0; @Override public long read(Buffer sink, long byteCount) throws IOException { long bytesRead = super.read(sink, byteCount); totalBytesRead += bytesRead != -1 ? bytesRead : 0; if(progressListener != null) progressListener.progress(totalBytesRead, responseBody.contentLength(), bytesRead == -1); return bytesRead; } }; }
把读到的bytesRead和responseBody.contentLength()
传给回调方法progressListener.progress
来计算进度。
大体实现逻辑到此就结束了,想看完整代码的移步至https://github.com/chenpengfei88/GlideLoadImageProgress或者可以通过本地下载:http://xiazai.jb51.net/201705/yuanma/GlideLoadImageProgress(jb51.net).rar
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。
相关文章
Android Studio 利用Splash制作APP启动界面的方法
这篇文章主要介绍了Android Studio 利用Splash制作APP启动界面,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-05-05Android App支付系列(一):微信支付接入详细指南(附官方支付demo)
这篇文章主要介绍了Android App支付系列(一):微信支付接入详细指南(附官方支付demo) ,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-11-11Android中DownloadManager实现文件下载实例详解
这篇文章主要介绍了Android中DownloadManager实现文件下载实例详解的相关资料,需要的朋友可以参考下2017-03-03详解Android Material设计中阴影效果的实现方法
这篇文章主要介绍了Android Material设计中阴影效果的实现方法,包括自定义阴影的轮廓和裁剪等,需要的朋友可以参考下2016-04-04
最新评论