Glide實現(xiàn)加載圖片顯示進度條效果

更新時間：2017年05月21日 15:50:33 作者：偽文藝大叔

Glide作為安卓開發(fā)常用的圖片加載庫，有許多實用而且強大的功能，那么，下面這篇文章主要給大家介紹了利用Glide實現(xiàn)加載圖片顯示進度條效果的相關資料，文中給出了詳細的示例代碼供大家參考學習，需要的朋友們下來一起看看吧。

先來看看效果圖：

Glide作為最近幾年剛開始流行起來的圖片加載庫，功能非常強大，我相信好多人都開始在項目中使用了，網(wǎng)上關于Glide的使用教程也非常多，最近在項目中要實現(xiàn)圖片的進度條加載，在網(wǎng)上也沒看到有現(xiàn)成的，就想著自己研究一下。

使用

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，它已經(jīng)實現(xiàn)好了，所有要實現(xiàn)進度條加載，就必須要知道圖片下載的進度，就要自己來寫圖片的下來實現(xiàn)，但是Glide支持不支持呢？網(wǎng)上查了一下發(fā)現(xiàn)它有個方法

public <T> ImageModelRequest<T> using(final StreamModelLoader<T> modelLoader) { 
  return new ImageModelRequest<T>(modelLoader);
}

這個方法可以指定圖片請求loader，我們創(chuàng)建一個ProgressModelLoader類，實現(xiàn)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類，這個類是個數(shù)據(jù)提取類，是個接口，重寫它的loadData方法來下載圖片，我們來看下我創(chuàng)建的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方法，創(chuàng)建一個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()傳給回調(diào)方法progressListener.progress來計算進度。

大體實現(xiàn)邏輯到此就結(jié)束了，想看完整代碼的移步至https://github.com/chenpengfei88/GlideLoadImageProgress或者可以通過本地下載：http://xiazai.jb51.net/201705/yuanma/GlideLoadImageProgress(jb51.net).rar

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。

您可能感興趣的文章: