Android   发布时间:2022-04-28  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Glide实现加载图片显示进度条效果大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

@H_696_2@先来看看效果图:

Glide实现加载图片显示进度条效果


Glide作为最近几年刚开始流行起来的图片加载库,功能非常强大,我相信好多人都开始在项目中使用了,网上关于Glide的使用教程也非常多,最近在项目中要实现图片的进度条加载,在网上也没看到有现成的,就想着自己研究一下。

@H_696_2@使用

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());

@H_696_2@思路

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 @R_352_10586@lBytesRead = 0;  
 @Override  
 public long read(Buffer sink,long byteCount) throws IOException {   
  long bytesRead = super.read(sink,byteCount);  
  @R_352_10586@lBytesRead += bytesRead != -1 ? bytesRead : 0;  
  if(progressListener != null) 
  progressListener.progress(@R_352_10586@lBytesRead,responseBody.contentLength(),bytesRead == -1);   
  return bytesRead;  
 } 
 };
}

把读到的bytesRead和responseBody.contentLength()传给回调方法progressListener.progress来计算进度。

大体实现逻辑到此就结束了,想看完整代码的移步至https://github.com/chenpengfei88/GlideLoadImageProgress或者可以通过本地下载:http://xiazai.code.net/201705/yuanma/GlideLoadImageProgress(code.net).rar

@H_696_2@总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对编程小技巧的支持

大佬总结

以上是大佬教程为你收集整理的Glide实现加载图片显示进度条效果全部内容,希望文章能够帮你解决Glide实现加载图片显示进度条效果所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。