扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
利用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支持不支持呢?网上查了一下发现它有个方法
publicImageModelRequest using(final StreamModelLoader modelLoader) { return new ImageModelRequest (modelLoader); }
这个方法可以指定图片请求loader,我们创建一个ProgressModelLoader类,实现StreamModelLoader接口
public class ProgressModelLoader implements StreamModelLoader{ private Handler handler; public ProgressModelLoader(Handler handler) { this.handler = handler; } @Override public DataFetcher 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
来计算进度。
看完上述内容,你们掌握利用Glide怎么实现一个加载进度条功能的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流