先來看看效果圖：
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方法的重寫
@Overridepublic 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
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，謝謝大家對VEVB武林網的支持。
新聞熱點
疑難解答
