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

 更新时间:2017年05月21日 15:50:33   作者:伪文艺大叔  
Glide作为安卓开发常用的图片加载库,有许多实用而且强大的功能,那么,下面这篇文章主要给大家介绍了利用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三种实现定时器的方法

    Android三种实现定时器的方法

    本文给大家分享了3种Android实现定时器的方法的示例,,需要的朋友可以参考下
    2015-02-02
  • Android ApiDemo示例工程的创建

    Android ApiDemo示例工程的创建

    本文主要介绍Android ApiDemo示例工程的创建,这里SDK中的示例工程做了大致介绍,并说明如何创建ApiDemo 示例工程,有需要看自带代码的朋友可以参考下
    2016-09-09
  • Android开发自定义短信验证码实现过程详解

    Android开发自定义短信验证码实现过程详解

    这篇文章主要为大家介绍了Android开发自定义短信验证码实现过程详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-06-06
  • Flutter实现切换应用时隐藏应用预览

    Flutter实现切换应用时隐藏应用预览

    如果您要显示敏感数据,例如钱包金额,或者只是当登录表单显示插入的密码清晰时,当您不在应用程序中时,您必须隐藏敏感数据。本文将利用Flutter实现切换应用时隐藏应用预览,需要的可以参考一下
    2022-06-06
  • Android Studio 利用Splash制作APP启动界面的方法

    Android Studio 利用Splash制作APP启动界面的方法

    这篇文章主要介绍了Android Studio 利用Splash制作APP启动界面,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-05-05
  • Android App支付系列(一):微信支付接入详细指南(附官方支付demo)

    Android App支付系列(一):微信支付接入详细指南(附官方支付demo)

    这篇文章主要介绍了Android App支付系列(一):微信支付接入详细指南(附官方支付demo) ,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • Android中DownloadManager实现文件下载实例详解

    Android中DownloadManager实现文件下载实例详解

    这篇文章主要介绍了Android中DownloadManager实现文件下载实例详解的相关资料,需要的朋友可以参考下
    2017-03-03
  • Android Service功能使用示例代码

    Android Service功能使用示例代码

    Service是Android中一个强大的组件,可以用来执行需要在后台进行的任务,通过本文的介绍了解如何在Kotlin中创建和使用Service,感兴趣的朋友跟随小编一起看看吧
    2024-06-06
  • 详解Android Material设计中阴影效果的实现方法

    详解Android Material设计中阴影效果的实现方法

    这篇文章主要介绍了Android Material设计中阴影效果的实现方法,包括自定义阴影的轮廓和裁剪等,需要的朋友可以参考下
    2016-04-04
  • Android实现跳动的小球加载动画效果

    Android实现跳动的小球加载动画效果

    Android中有各式各样的加载动画,大家多多少少都见过,比如用过美团客户端的用户对美团那个加载小人的动画印象很深刻,一个可爱的小人在那拼命的跑。这样的动画实现其实还有很多,今天这里就来实现一个跳动的小球效果。有需要的可以参考借鉴。
    2016-08-08

最新评论