Glide實(shí)現(xiàn)加載圖片顯示進(jìn)度條效果
先來看看效果圖:
Glide作為最近幾年剛開始流行起來的圖片加載庫,功能非常強(qiáng)大,我相信好多人都開始在項(xiàng)目中使用了,網(wǎng)上關(guān)于Glide的使用教程也非常多,最近在項(xiàng)目中要實(shí)現(xiàn)圖片的進(jì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)實(shí)現(xiàn)好了,所有要實(shí)現(xiàn)進(jìn)度條加載,就必須要知道圖片下載的進(jìn)度,就要自己來寫圖片的下來實(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è)方法可以指定圖片請求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方法來下載圖片,我們來看下我創(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)度,來看一下讀流的方法
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
來計(jì)算進(jìn)度。
大體實(shí)現(xiàn)邏輯到此就結(jié)束了,想看完整代碼的移步至https://github.com/chenpengfei88/GlideLoadImageProgress或者可以通過本地下載:http://xiazai.jb51.net/201705/yuanma/GlideLoadImageProgress(jb51.net).rar
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助,如果有疑問大家可以留言交流,謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
Android三種實(shí)現(xiàn)定時(shí)器的方法
本文給大家分享了3種Android實(shí)現(xiàn)定時(shí)器的方法的示例,,需要的朋友可以參考下2015-02-02Android ApiDemo示例工程的創(chuàng)建
本文主要介紹Android ApiDemo示例工程的創(chuàng)建,這里SDK中的示例工程做了大致介紹,并說明如何創(chuàng)建ApiDemo 示例工程,有需要看自帶代碼的朋友可以參考下2016-09-09Android開發(fā)自定義短信驗(yàn)證碼實(shí)現(xiàn)過程詳解
這篇文章主要為大家介紹了Android開發(fā)自定義短信驗(yàn)證碼實(shí)現(xiàn)過程詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-06-06Flutter實(shí)現(xiàn)切換應(yīng)用時(shí)隱藏應(yīng)用預(yù)覽
如果您要顯示敏感數(shù)據(jù),例如錢包金額,或者只是當(dāng)?shù)卿洷韱物@示插入的密碼清晰時(shí),當(dāng)您不在應(yīng)用程序中時(shí),您必須隱藏敏感數(shù)據(jù)。本文將利用Flutter實(shí)現(xiàn)切換應(yīng)用時(shí)隱藏應(yīng)用預(yù)覽,需要的可以參考一下2022-06-06Android Studio 利用Splash制作APP啟動(dòng)界面的方法
這篇文章主要介紹了Android Studio 利用Splash制作APP啟動(dòng)界面,本文通過圖文并茂的形式給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-05-05Android App支付系列(一):微信支付接入詳細(xì)指南(附官方支付demo)
這篇文章主要介紹了Android App支付系列(一):微信支付接入詳細(xì)指南(附官方支付demo) ,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11Android中DownloadManager實(shí)現(xiàn)文件下載實(shí)例詳解
這篇文章主要介紹了Android中DownloadManager實(shí)現(xiàn)文件下載實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-03-03詳解Android Material設(shè)計(jì)中陰影效果的實(shí)現(xiàn)方法
這篇文章主要介紹了Android Material設(shè)計(jì)中陰影效果的實(shí)現(xiàn)方法,包括自定義陰影的輪廓和裁剪等,需要的朋友可以參考下2016-04-04Android實(shí)現(xiàn)跳動(dòng)的小球加載動(dòng)畫效果
Android中有各式各樣的加載動(dòng)畫,大家多多少少都見過,比如用過美團(tuán)客戶端的用戶對(duì)美團(tuán)那個(gè)加載小人的動(dòng)畫印象很深刻,一個(gè)可愛的小人在那拼命的跑。這樣的動(dòng)畫實(shí)現(xiàn)其實(shí)還有很多,今天這里就來實(shí)現(xiàn)一個(gè)跳動(dòng)的小球效果。有需要的可以參考借鑒。2016-08-08