利用Glide怎么实现一个加载进度条功能

发布时间：2020-12-05 16:01:32 阅读：431 作者：Leah 栏目：移动开发

开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

利用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 &#63; bytesRead : 0;  
  if(progressListener != null) 
  progressListener.progress(totalBytesRead, responseBody.contentLength(), bytesRead == -1);   
  return bytesRead;  
 } 
 };
}

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

看完上述内容，你们掌握利用Glide怎么实现一个加载进度条功能的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注亿速云行业资讯频道，感谢各位的阅读！

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

利用Glide怎么实现一个加载进度条功能

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签