溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

利用Glide怎么實(shí)現(xiàn)一個(gè)加載進(jìn)度條功能

發(fā)布時(shí)間:2020-12-05 16:01:32 來(lái)源:億速云 閱讀:404 作者:Leah 欄目:移動(dòng)開發(fā)

利用Glide怎么實(shí)現(xiàn)一個(gè)加載進(jìn)度條功能?相信很多沒有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策,為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法,通過(guò)這篇文章希望你能解決這個(gè)問(wè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)實(shí)現(xiàn)好了,所有要實(shí)現(xiàn)進(jìn)度條加載,就必須要知道圖片下載的進(jìn)度,就要自己來(lái)寫圖片的下來(lái)實(shí)現(xiàn),但是Glide支持不支持呢?網(wǎng)上查了一下發(fā)現(xiàn)它有個(gè)方法

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

這個(gè)方法可以指定圖片請(qǐng)求loader,我們創(chuàng)建一個(gè)ProgressModelLoader類,實(shí)現(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方法,這個(gè)方法返回一個(gè)DataFetcher類,這個(gè)類是個(gè)數(shù)據(jù)提取類,是個(gè)接口,重寫它的loadData方法來(lái)下載圖片,我們來(lái)看下我創(chuàng)建的ProgressDataFetcher對(duì)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下載圖片,添加一個(gè)攔截器

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)建一個(gè)ProgressResponseBody得到圖片下載的進(jìn)度,來(lái)看一下讀流的方法

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()傳給回調(diào)方法progressListener.progress來(lái)計(jì)算進(jìn)度。

看完上述內(nèi)容,你們掌握利用Glide怎么實(shí)現(xiàn)一個(gè)加載進(jìn)度條功能的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI