您好,登錄后才能下訂單哦!
利用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
來計算進度。
看完上述內容,你們掌握利用Glide怎么實現一個加載進度條功能的方法了嗎?如果還想學到更多技能或想了解更多相關內容,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。