简要介绍下超级巨图Glide3.7和Glide4.1.1优化加载方案

2025-02-27 技术教程

亿速云的服务器不仅具有高稳定性，高速访问，而且易于管理，安全和轻松使用，以减少用户在服务器维护中的能量和时间成本，并专注于自己的业务的开发和推广。亿速云服务器，致力于为用户提供性价比最高的服务器！

相信大家看到上面的巨图会很懵逼~最近产品经理朝令夕改，有点烦，要不是还有外包项目在做，就不想干了，所以忍了，先做完十一后再说，毕竟找工作还是有点折腾，需要更高的薪水和技术的沉淀。好吧，啰嗦了一把，下面开始正题，最近一直在研究glide3.7和glide4.1.1，两者的方法确实改变不少，网上给的方案大多都是浅显的使用，目前没有找到git上详细使用的开源的统一的代码，我也是查了一周的代码，最后还是搞出来了一些东西，希望可以帮到你。

首先是glide3.7的使用，比较单一，如果你要结合okhttp一起使用，全部的代码引用如下代码：

//glide37compile'com.github.bumptech.glide:glide:3.7.0'compile'com.github.bumptech.glide:okhttp3-integration:1.4.0@aar'compile'com.squareup.okhttp3:okhttp:3.4.2'

使用的话如下代码：

GlideUtil.display(context,viewHolder.iv_imgurl,ratings.getSku_p_w_picpath(),GlideOptionsFactory.get(GlideOptionsFactory.Type.RADIUS));Glide.with(context).load(ratings.getSku_p_w_picpath()).skipMemoryCache(true).diskCacheStrategy(DiskCacheStrategy.NONE).into(viewHolder.iv_imgurl);GlideOptionsglideOptions=newGlideOptions(R.drawable.ic_def_loading,R.drawable.ic_def_loading,300);GlideUtil.display(context,viewHolder.iv1,ratings.getImg_url(),glideOptions);

这里说一下，我封装了一下3.7的方法，可以自定义圆角，但是清理缓存的操作建议还是用原生的方法。

可以参考之前写的demo：

https://github.com/geeklx/MyApplication/tree/master/P009_Glide图片缓存

3.7还是很好用的，目前项目中大家应该都在用这个版本，不过4.0出来以后大幅度修改了API让很多人望而却步，我也是因为怕被技术无形的淘汰，逼了自己一把，把4.1.1的版本API都看了一遍，整体感觉4.1.1的版本还是要好一些，如果说3.7只是基础的用法，那么4.1.1就是晋升之路，学会后你会发现，有很多市面上你见过的通用的业务都不需要你去自己写页面，glide4.1.1会给你提供很好的自定义解决方案。

下面开始正题：当你遇到清明上河图或者微博的大图预览，你会怎么做？是不是按部就班的画页面，传值，折腾几夜，然后也做出来了，挺辛苦和费劲的。现在glide4.1.1就提供了很好的便利，再说4.1.1之前先看看3.7怎么封装它，让它也实现功能。

Glide3.7基础用法以及大图预览放大效果：

LargeImageViewTarget：

packagecom.example.shining.p042_largep_w_picpath.glide37;importandroid.graphics.drawable.Drawable;importandroid.view.View;importcom.bumptech.glide.request.animation.GlideAnimation;importcom.bumptech.glide.request.target.ViewTarget;importcom.shizhefei.view.largep_w_picpath.ILargeImageView;importcom.shizhefei.view.largep_w_picpath.factory.FileBitmapDecoderFactory;importjava.io.File;/***Abase{@linkcom.bumptech.glide.request.target.Target}fordisplayingresourcesin*{@linkandroid.widget.ImageView}s.**@param<Z>Thetypeofresourcethatthistargetwilldisplayinthewrapped{@linkandroid.widget.ImageView}.*/publicclassLargeImageViewTargetextendsViewTarget<View,File>{privateILargeImageViewlargeImageView;public<VextendsView&ILargeImageView>LargeImageViewTarget(Vview){super(view);this.largeImageView=view;}/***Setsthegiven{@linkandroid.graphics.drawable.Drawable}ontheviewusing*{@linkandroid.widget.ImageView#setImageDrawable(android.graphics.drawable.Drawable)}.**@paramplaceholder{@inheritDoc}*/@OverridepublicvoidonLoadStarted(Drawableplaceholder){largeImageView.setImageDrawable(placeholder);}/***Setsthegiven{@linkandroid.graphics.drawable.Drawable}ontheviewusing*{@linkandroid.widget.ImageView#setImageDrawable(android.graphics.drawable.Drawable)}.**@paramerrorDrawable{@inheritDoc}*/@OverridepublicvoidonLoadFailed(Exceptione,DrawableerrorDrawable){largeImageView.setImageDrawable(errorDrawable);}@OverridepublicvoidonResourceReady(Fileresource,GlideAnimation<?superFile>glideAnimation){largeImageView.setImage(newFileBitmapDecoderFactory(resource));}/***Setsthegiven{@linkandroid.graphics.drawable.Drawable}ontheviewusing*{@linkandroid.widget.ImageView#setImageDrawable(android.graphics.drawable.Drawable)}.**@paramplaceholder{@inheritDoc}*/@OverridepublicvoidonLoadCleared(Drawableplaceholder){largeImageView.setImageDrawable(placeholder);}}

OkHttpProgressGlideModule：

packagecom.example.shining.p042_largep_w_picpath.glide37;importandroid.content.Context;importandroid.os.Handler;importandroid.os.Looper;importcom.bumptech.glide.Glide;importcom.bumptech.glide.GlideBuilder;importcom.bumptech.glide.integration.okhttp3.OkHttpUrlLoader;importcom.bumptech.glide.load.model.GlideUrl;importcom.bumptech.glide.module.GlideModule;importjava.io.IOException;importjava.io.InputStream;importjava.util.Map;importjava.util.concurrent.ConcurrentHashMap;importokhttp3.HttpUrl;importokhttp3.Interceptor;importokhttp3.MediaType;importokhttp3.OkHttpClient;importokhttp3.Request;importokhttp3.Response;importokhttp3.ResponseBody;importokio.Buffer;importokio.BufferedSource;importokio.ForwardingSource;importokio.Okio;importokio.Source;//TODOadd<meta-dataandroid:value="GlideModule"android:name="....OkHttpProgressGlideModule"/>//TODOadd<meta-dataandroid:value="GlideModule"tools:node="remove"android:name="com.bumptech.glide.integration.okhttp.OkHttpGlideModule"/>//ornotuse'okhttp@aar'inGradledepdendenciespublicclassOkHttpProgressGlideModuleimplementsGlideModule{@OverridepublicvoidapplyOptions(Contextcontext,GlideBuilderbuilder){}@OverridepublicvoidregisterComponents(Contextcontext,Glideglide){OkHttpClient.Builderbuilder=newOkHttpClient.Builder();builder.networkInterceptors().add(createInterceptor(newDispatchingProgressListener()));glide.register(GlideUrl.class,InputStream.class,newOkHttpUrlLoader.Factory(builder.build()));}privatestaticInterceptorcreateInterceptor(finalResponseProgressListenerlistener){returnnewInterceptor(){@OverridepublicResponseintercept(Chainchain)throwsIOException{Requestrequest=chain.request();Responseresponse=chain.proceed(request);returnresponse.newBuilder().body(newOkHttpProgre***esponseBody(request.url(),response.body(),listener)).build();}};}publicinterfaceUIProgressListener{voidonProgress(longbytesRead,longexpectedLength);/***Controlhowoftenthelistenerneedsanupdate.0%and100%willalwaysbedispatched.**@returninpercentage(0.2=call{@link#onProgress}aroundevery0.2percentofprogress)*/floatgetGranualityPercentage();}publicstaticvoidforget(Stringurl){DispatchingProgressListener.forget(url);}publicstaticvoidexpect(Stringurl,UIProgressListenerlistener){DispatchingProgressListener.expect(url,listener);}privateinterfaceResponseProgressListener{voidupdate(HttpUrlurl,longbytesRead,longcontentLength);}privatestaticclassDispatchingProgressListenerimplementsResponseProgressListener{privatestaticfinalMap<String,UIProgressListener>LISTENERS=newConcurrentHashMap<>();privatestaticfinalMap<String,Long>PROGRESSES=newConcurrentHashMap<>();privatefinalHandlerhandler;DispatchingProgressListener(){this.handler=newHandler(Looper.getMainLooper());}staticvoidforget(Stringurl){LISTENERS.remove(url);PROGRESSES.remove(url);}staticvoidexpect(Stringurl,UIProgressListenerlistener){LISTENERS.put(url,listener);}@Overridepublicvoidupdate(HttpUrlurl,finallongbytesRead,finallongcontentLength){//System.out.printf("%s:%d/%d=%.2f%%%n",url,bytesRead,contentLength,(100f*bytesRead)/contentLength);Stringkey=url.toString();finalUIProgressListenerlistener=LISTENERS.get(key);if(listener==null){return;}//长度是错误的移除监听if(contentLength<=bytesRead){forget(key);}if(needsDispatch(key,bytesRead,contentLength,listener.getGranualityPercentage())){handler.post(newRunnable(){@Overridepublicvoidrun(){listener.onProgress(bytesRead,contentLength);}});}}privatebooleanneedsDispatch(Stringkey,longcurrent,longtotal,floatgranularity){if(granularity==0||current==0||total==current){returntrue;}floatpercent=100f*current/total;longcurrentProgress=(long)(percent/granularity);LonglastProgress=PROGRESSES.get(key);if(lastProgress==null||currentProgress!=lastProgress){PROGRESSES.put(key,currentProgress);returntrue;}else{returnfalse;}}}privatestaticclassOkHttpProgre***esponseBodyextendsResponseBody{privatefinalHttpUrlurl;privatefinalResponseBodyresponseBody;privatefinalResponseProgressListenerprogressListener;privateBufferedSourcebufferedSource;OkHttpProgre***esponseBody(HttpUrlurl,ResponseBodyresponseBody,ResponseProgressListenerprogressListener){this.url=url;this.responseBody=responseBody;this.progressListener=progressListener;}@OverridepublicMediaTypecontentType(){returnresponseBody.contentType();}@OverridepubliclongcontentLength(){returnresponseBody.contentLength();}@OverridepublicBufferedSourcesource(){if(bufferedSource==null){bufferedSource=Okio.buffer(source(responseBody.source()));}returnbufferedSource;}privateSourcesource(Sourcesource){returnnewForwardingSource(source){longtotalBytesRead=0L;@Overridepubliclongread(Buffersink,longbyteCount)throwsIOException{longbytesRead=super.read(sink,byteCount);longfullLength=responseBody.contentLength();if(bytesRead==-1){//thissourceisexhaustedtotalBytesRead=fullLength;}else{totalBytesRead+=bytesRead;}progressListener.update(url,totalBytesRead,fullLength);returnbytesRead;}};}}}

这里需要注意一下，需要延迟配置GlideModule，

xml：

<meta-dataandroid:name="com.example.lagerp_w_picpath_test.glide.OkHttpProgressGlideModule"android:value="GlideModule"/>

onCreate：

finalGlideglide=Glide.get(this);OkHttpProgressGlideModulea=newOkHttpProgressGlideModule();a.registerComponents(this,glide);

这里这样写的原因是在你加载图片的时候给加载的进度过程，自定义OkHttpProgressGlideModule，

ProgressTarget：

packagecom.example.shining.p042_largep_w_picpath.glide37;importandroid.graphics.drawable.Drawable;importcom.bumptech.glide.Glide;importcom.bumptech.glide.request.animation.GlideAnimation;importcom.bumptech.glide.request.target.Target;publicabstractclassProgressTarget<T,Z>extendsWrappingTarget<Z>implementsOkHttpProgressGlideModule.UIProgressListener{privateTmodel;privatebooleanignoreProgress=true;publicProgressTarget(Tmodel,Target<Z>target){super(target);this.model=model;}publicfinalTgetModel(){returnmodel;}publicfinalvoidsetModel(Tmodel){Glide.clear(this);//indirectlycallscleanupthis.model=model;}/***ConvertamodelintoanUrlstringthatisusedtomatchuptheOkHttprequests.Forexplicit*{@linkcom.bumptech.glide.load.model.GlideUrlGlideUrl}loadsthisneedstoreturn*{@linkcom.bumptech.glide.load.model.GlideUrl#toStringUrltoStringUrl}.Forcustommodelsdothesameasyour*{@linkcom.bumptech.glide.load.model.stream.BaseGlideUrlLoaderBaseGlideUrlLoader}does.**@parammodelreturntherepresentationofthegivenmodel,DONOTuse{@link#getModel()}insidethismethod.*@returnastableUrlrepresentationofthemodel,otherwisetheprogressreportingwon'twork*/protectedStringtoUrlString(Tmodel){returnString.valueOf(model);}@OverridepublicfloatgetGranualityPercentage(){return1.0f;}privatevoidstart(){OkHttpProgressGlideModule.expect(toUrlString(model),this);ignoreProgress=false;}privatevoidcleanup(){ignoreProgress=true;Tmodel=this.model;//saveincaseitgetsmodifiedOkHttpProgressGlideModule.forget(toUrlString(model));this.model=null;}@OverridepublicvoidonLoadStarted(Drawableplaceholder){super.onLoadStarted(placeholder);start();}@OverridepublicvoidonResourceReady(Zresource,GlideAnimation<?superZ>animation){cleanup();super.onResourceReady(resource,animation);}@OverridepublicvoidonLoadFailed(Exceptione,DrawableerrorDrawable){cleanup();super.onLoadFailed(e,errorDrawable);}@OverridepublicvoidonLoadCleared(Drawableplaceholder){cleanup();super.onLoadCleared(placeholder);}}

WrappingTarget：

packagecom.example.shining.p042_largep_w_picpath.glide37;importandroid.graphics.drawable.Drawable;importcom.bumptech.glide.request.Request;importcom.bumptech.glide.request.animation.GlideAnimation;importcom.bumptech.glide.request.target.SizeReadyCallback;importcom.bumptech.glide.request.target.Target;publicclassWrappingTarget<Z>implementsTarget<Z>{protectedfinalTarget<Z>target;publicWrappingTarget(Target<Z>target){this.target=target;}@OverridepublicvoidgetSize(SizeReadyCallbackcb){if(target!=null)target.getSize(cb);}@OverridepublicvoidonLoadStarted(Drawableplaceholder){if(target!=null)target.onLoadStarted(placeholder);}@OverridepublicvoidonLoadFailed(Exceptione,DrawableerrorDrawable){if(target!=null)target.onLoadFailed(e,errorDrawable);}@OverridepublicvoidonResourceReady(Zresource,GlideAnimation<?superZ>glideAnimation){if(target!=null)target.onResourceReady(resource,glideAnimation);}@OverridepublicvoidonLoadCleared(Drawableplaceholder){if(target!=null)target.onLoadCleared(placeholder);}privateRequestrequest;@OverridepublicRequestgetRequest(){returnrequest;}@OverridepublicvoidsetRequest(Requestrequest){this.request=request;if(target!=null)target.setRequest(request);}@OverridepublicvoidonStart(){if(target!=null)target.onStart();}@OverridepublicvoidonStop(){if(target!=null)target.onStop();}@OverridepublicvoidonDestroy(){if(target!=null)target.onDestroy();}}

buildgradle:

//largep_w_picpathcompile'com.shizhefei:LargeImageView:1.0.9'compile'com.github.HotBitmapGG:RingProgressBar:V1.2.2'

加载网络图片MainActivityLargeImageGlide：

packagecom.example.shining.p042_largep_w_picpath.activity;importandroid.graphics.Bitmap;importandroid.graphics.BitmapFactory;importandroid.graphics.drawable.Drawable;importandroid.os.Bundle;importandroid.support.v7.app.AppCompatActivity;importandroid.view.View;importcom.bumptech.glide.Glide;importcom.bumptech.glide.request.animation.GlideAnimation;importcom.bumptech.glide.request.target.SizeReadyCallback;importcom.bumptech.glide.request.target.Target;importcom.example.shining.p042_largep_w_picpath.R;importcom.example.shining.p042_largep_w_picpath.glide37.OkHttpProgressGlideModule;importcom.example.shining.p042_largep_w_picpath.glide37.ProgressTarget;importcom.shizhefei.view.largep_w_picpath.LargeImageView;importcom.shizhefei.view.largep_w_picpath.factory.FileBitmapDecoderFactory;importjava.io.File;importjava.io.IOException;importjava.io.InputStream;importjava.net.HttpURLConnection;importjava.net.MalformedURLException;importjava.net.URL;importio.netopen.hotbitmapgg.library.view.RingProgressBar;publicclassMainActivityLargeImageGlideextendsAppCompatActivity{privateLargeImageViewlargeImageView;privateRingProgressBarringProgressBar;@OverrideprotectedvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setContentView(R.layout.activity_large_p_w_picpath_view);largeImageView=(LargeImageView)findViewById(R.id.networkDemo_photoView);ringProgressBar=(RingProgressBar)findViewById(R.id.networkDemo_ringProgressBar);//Stringurl="http://short.im.rockhippo.cn/uploads/msg/201703/20170309/1485/1489068660846.jpg";//URLfileUrl=null;//Filefile=null;//try{//fileUrl=newURL(url);//file=newFile(fileUrl.toURI());//}catch(MalformedURLException|URISyntaxExceptione){//e.printStackTrace();//}////assertfile!=null;//largeImageView.setImage(newFileBitmapDecoderFactory(file));//Stringurl="https://cache.yisu.com/upload/information/20200311/46/179850.jpg";//Stringurl="https://s2.51cto.com/wyfs02/M00/06/F4/wKiom1nA-Aiy9qMkAAR3_qzZ1is031.jpg";Stringurl="https://cache.yisu.com/upload/information/20200311/46/179849.jpg";finalGlideglide=Glide.get(this);OkHttpProgressGlideModulea=newOkHttpProgressGlideModule();a.registerComponents(this,glide);newThread(){@Overridepublicvoidrun(){super.run();Glide.get(getApplicationContext()).clearDiskCache();runOnUiThread(newRunnable(){@Overridepublicvoidrun(){//Toast.makeText(getApplicationContext(),"清除缓存成功",Toast.LENGTH_SHORT).show();}});}}.start();Glide.with(this).load(url).downloadOnly(newProgressTarget<String,File>(url,null){@OverridepublicvoidonLoadStarted(Drawableplaceholder){super.onLoadStarted(placeholder);ringProgressBar.setVisibility(View.VISIBLE);ringProgressBar.setProgress(0);}@OverridepublicvoidonProgress(longbytesRead,longexpectedLength){intp=0;if(expectedLength>=0){p=(int)(100*bytesRead/expectedLength);}ringProgressBar.setProgress(p);}@OverridepublicvoidonResourceReady(Fileresource,GlideAnimation<?superFile>animation){super.onResourceReady(resource,animation);ringProgressBar.setVisibility(View.GONE);//largeImageView.setEnabled(false);largeImageView.setImage(newFileBitmapDecoderFactory(resource));}@OverridepublicvoidgetSize(SizeReadyCallbackcb){cb.onSizeReady(Target.SIZE_ORIGINAL,Target.SIZE_ORIGINAL);}});}/***根据图片的url路径获得Bitmap对象**@paramurl*@return*/privateBitmapreturnBitmap(Stringurl){URLfileUrl=null;Bitmapbitmap=null;try{fileUrl=newURL(url);}catch(MalformedURLExceptione){e.printStackTrace();}try{HttpURLConnectionconn=(HttpURLConnection)fileUrl.openConnection();conn.setDoInput(true);conn.connect();InputStreamis=conn.getInputStream();bitmap=BitmapFactory.decodeStream(is);is.close();}catch(IOExceptione){e.printStackTrace();}returnbitmap;}}

加载本地assets文件夹大图，这里要说一下，经过测试，手机取drawable里面的巨图会OOM，平板不会，但是assets目录手机和平板都支持，因为drawable取的是路径加载，assets是文件流，所以不会OOM，

加载drawable目录MainActivityLargeImageLocal1：

加载assets目录MainActivityLargeImageLocal2：

packagecom.example.shining.p042_largep_w_picpath.activity;importandroid.os.Bundle;importandroid.support.v7.app.AppCompatActivity;importcom.example.shining.p042_largep_w_picpath.R;importcom.shizhefei.view.largep_w_picpath.BlockImageLoader;importcom.shizhefei.view.largep_w_picpath.LargeImageView;importcom.shizhefei.view.largep_w_picpath.factory.InputStreamBitmapDecoderFactory;importjava.io.IOException;importjava.io.InputStream;publicclassMainActivityLargeImageLocal2extendsAppCompatActivity{privateLargeImageViewlargeImageView;@OverrideprotectedvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setContentView(R.layout.activity_main_largep_w_picpath_local);largeImageView=(LargeImageView)findViewById(R.id.localDemo_photoView);try{StringfileName=getIntent().getStringExtra("file_name");//通过文件的方式加载sd卡中的大图//localDemo_photoView.setImage(newFileBitmapDecoderFactory(file));//通过流的方式加载assets文件夹里面的大图InputStreaminputStream=getAssets().open("qm.jpg");largeImageView.setImage(newInputStreamBitmapDecoderFactory(inputStream));//localDemo_photoView.setImage(newInputStreamBitmapDecoderFactory(inputStream),getResources().getDrawable(R.drawable.mvc));runOnUiThread(newRunnable(){@Overridepublicvoidrun(){largeImageView.setScale(0.5f);largeImageView.setOnImageLoadListener(newBlockImageLoader.OnImageLoadListener(){@OverridepublicvoidonBlockImageLoadFinished(){}@OverridepublicvoidonLoadImageSize(intp_w_picpathWidth,intp_w_picpathHeight){Stringa=p_w_picpathHeight+"";}@OverridepublicvoidonLoadFail(Exceptione){}});//largeImageView.setCriticalScaleValueHook(newLargeImageView.CriticalScaleValueHook(){//@Override//publicfloatgetMinScale(LargeImageViewlargeImageView,intp_w_picpathWidth,intp_w_picpathHeight,floatsuggestMinScale){//return15;//}////@Override//publicfloatgetMaxScale(LargeImageViewlargeImageView,intp_w_picpathWidth,intp_w_picpathHeight,floatsuggestMaxScale){//return30;//}//});}});}catch(IOExceptione){e.printStackTrace();}}}

这里给你提供一下小细节，大部分人在后台返回色值或者UI设计0%透明度的时候烦恼，给大家记录一下透明的计算方法：

<colorname="transparent_white">#00ffffff</color>00这两位的计算：255*50%（透明度UI会告诉你）=结果128转化成16进制就是80这两位你需要的。

colorUtil：

<?xmlversion="1.0"encoding="utf-8"?><resources><colorname="colorPrimary">#3F51B5</color><colorname="colorPrimaryDark">#303F9F</color><colorname="colorAccent">#FF4081</color><colorname="gray_line">#dfdfdf</color><colorname="white">#ffffff</color><colorname="ivory">#fffff0</color><colorname="lightyellow">#ffffe0</color><colorname="yellow">#ffff00</color><colorname="snow">#fffafa</color><colorname="floralwhite">#fffaf0</color><colorname="lemonchiffon">#fffacd</color><colorname="cornsilk">#fff8dc</color><colorname="seaShell">#fff5ee</color><colorname="lavenderblush">#fff0f5</color><colorname="papayawhip">#ffefd5</color><colorname="blanchedalmond">#ffebcd</color><colorname="mistyrose">#ffe4e1</color><colorname="bisque">#ffe4c4</color><colorname="moccasin">#ffe4b5</color><colorname="navajowhite">#ffdead</color><colorname="peachpuff">#ffdab9</color><colorname="gold">#ffd700</color><colorname="pink">#ffc0cb</color><colorname="lightpink">#ffb6c1</color><colorname="orange">#ffa500</color><colorname="lightsalmon">#ffa07a</color><colorname="darkorange">#ff8c00</color><colorname="coral">#ff7f50</color><colorname="hotpink">#ff69b4</color><colorname="tomato">#ff6347</color><colorname="orangered">#ff4500</color><colorname="deeppink">#ff1493</color><colorname="fuchsia">#ff00ff</color><colorname="magenta">#ff00ff</color><colorname="red">#ff0000</color><colorname="oldlace">#fdf5e6</color><colorname="lightgoldenrodyellow">#fafad2</color><colorname="linen">#faf0e6</color><colorname="antiquewhite">#faebd7</color><colorname="salmon">#fa8072</color><colorname="ghostwhite">#f8f8ff</color><colorname="mintcream">#f5fffa</color><colorname="whitesmoke">#f5f5f5</color><colorname="beige">#f5f5dc</color><colorname="wheat">#f5deb3</color><colorname="sandybrown">#f4a460</color><colorname="azure">#f0ffff</color><colorname="honeydew">#f0fff0</color><colorname="aliceblue">#f0f8ff</color><colorname="khaki">#f0e68c</color><colorname="lightcoral">#f08080</color><colorname="palegoldenrod">#eee8aa</color><colorname="violet">#ee82ee</color><colorname="darksalmon">#e9967a</color><colorname="lavender">#e6e6fa</color><colorname="lightcyan">#e0ffff</color><colorname="burlywood">#deb887</color><colorname="plum">#dda0dd</color><colorname="gainsboro">#dcdcdc</color><colorname="crimson">#dc143c</color><colorname="palevioletred">#db7093</color><colorname="goldenrod">#daa520</color><colorname="orchid">#da70d6</color><colorname="thistle">#d8bfd8</color><colorname="lightgray">#d3d3d3</color><colorname="lightgrey">#d3d3d3</color><colorname="tan">#d2b48c</color><colorname="chocolate">#d2691e</color><colorname="peru">#cd853f</color><colorname="indianred">#cd5c5c</color><colorname="mediumvioletred">#c71585</color><colorname="silver">#c0c0c0</color><colorname="darkkhaki">#bdb76b</color><colorname="rosybrown">#bc8f8f</color><colorname="mediumorchid">#ba55d3</color><colorname="darkgoldenrod">#b8860b</color><colorname="firebrick">#b22222</color><colorname="powderblue">#b0e0e6</color><colorname="lightsteelblue">#b0c4de</color><colorname="paleturquoise">#afeeee</color><colorname="greenyellow">#adff2f</color><colorname="lightblue">#add8e6</color><colorname="darkgray">#a9a9a9</color><colorname="darkgrey">#a9a9a9</color><colorname="brown">#a52a2a</color><colorname="sienna">#a0522d</color><colorname="darkorchid">#9932cc</color><colorname="palegreen">#98fb98</color><colorname="darkviolet">#9400d3</color><colorname="mediumpurple">#9370db</color><colorname="lightgreen">#90ee90</color><colorname="darkseagreen">#8fbc8f</color><colorname="saddlebrown">#8b4513</color><colorname="darkmagenta">#8b008b</color><colorname="darkred">#8b0000</color><colorname="blueviolet">#8a2be2</color><colorname="lightskyblue">#87cefa</color><colorname="skyblue">#87ceeb</color><colorname="gray">#808080</color><colorname="grey">#808080</color><colorname="olive">#808000</color><colorname="purple">#800080</color><colorname="maroon">#800000</color><colorname="aquamarine">#7fffd4</color><colorname="chartreuse">#7fff00</color><colorname="lawngreen">#7cfc00</color><colorname="mediumslateblue">#7b68ee</color><colorname="lightslategray">#778899</color><colorname="lightslategrey">#778899</color><colorname="slategray">#708090</color><colorname="slategrey">#708090</color><colorname="olivedrab">#6b8e23</color><colorname="slateblue">#6a5acd</color><colorname="dimgray">#696969</color><colorname="dimgrey">#696969</color><colorname="mediumaquamarine">#66cdaa</color><colorname="cornflowerblue">#6495ed</color><colorname="cadetblue">#5f9ea0</color><colorname="darkolivegreen">#556b2f</color><colorname="indigo">#4b0082</color><colorname="mediumturquoise">#48d1cc</color><colorname="darkslateblue">#483d8b</color><colorname="steelblue">#4682b4</color><colorname="royalblue">#4169e1</color><colorname="turquoise">#40e0d0</color><colorname="mediumseagreen">#3cb371</color><colorname="limegreen">#32cd32</color><colorname="darkslategray">#2f4f4f</color><colorname="darkslategrey">#2f4f4f</color><colorname="seagreen">#2e8b57</color><colorname="forestgreen">#228b22</color><colorname="lightseagreen">#20b2aa</color><colorname="dodgerblue">#1e90ff</color><colorname="midnightblue">#191970</color><colorname="aqua">#00ffff</color><colorname="cyan">#00ffff</color><colorname="springgreen">#00ff7f</color><colorname="lime">#00ff00</color><colorname="mediumspringgreen">#00fa9a</color><colorname="darkturquoise">#00ced1</color><colorname="deepskyblue">#00bfff</color><colorname="darkcyan">#008b8b</color><colorname="teal">#008080</color><colorname="green">#008000</color><colorname="darkgreen">#006400</color><colorname="blue">#0000ff</color><colorname="mediumblue">#0000cd</color><colorname="darkblue">#00008b</color><colorname="navy">#000080</color><colorname="black">#000000</color><colorname="transparent">#0000</color><colorname="transparent2">#8000</color><colorname="style_red">#ff4c41</color><colorname="style_divider_color">#C9C7CD</color><colorname="c0">#ff000000</color><colorname="c1">#D9000000</color><colorname="c2">#8C000000</color><colorname="c3">#66000000</color><colorname="c4">#1A000000</color><colorname="c5">#C34A42</color><colorname="c6">#FF9800</color><colorname="c7">#009734</color><colorname="c8">#46AE36</color><colorname="c9">#47B000</color><colorname="c10">#007AFF</color><colorname="c11">#1194F6</color><colorname="c12">#9D1BB2</color><colorname="transparent">#00000000</color><colorname="transparent05">#0B000000</color><colorname="transparent10">#1A000000</color><colorname="transparent20">#33000000</color><colorname="transparent30">#4D000000</color><colorname="transparent40">#66000000</color><colorname="transparent50">#80000000</color><colorname="transparent60">#9A000000</color><colorname="transparent70">#B3000000</color><colorname="transparent80">#CC000000</color><colorname="transparent90">#E5000000</color><colorname="transparent100">#FF000000</color><colorname="transparent_white">#00ffffff</color><colorname="transparent10_white">#1Affffff</color><colorname="transparent20_white">#33ffffff</color><colorname="transparent30_white">#4Dffffff</color><colorname="transparent40_white">#66ffffff</color><colorname="transparent50_white">#80ffffff</color><colorname="transparent60_white">#9Affffff</color><colorname="transparent70_white">#B3ffffff</color><colorname="transparent80_white">#CCffffff</color><colorname="transparent90_white">#E5ffffff</color><colorname="transparent100_white">#FFffffff</color><colorname="placeholder_color">#1A000000</color><colorname="white">#FFFFFF</color><colorname="yellow">#fbc02d</color><colorname="gold">#FFD700</color><colorname="orange">#f57c00</color><colorname="red">#d01716</color><colorname="gray">#808080</color><colorname="green">#0a7e07</color><colorname="blue">#455ede</color><colorname="black">#000000</color></resources>

接着是Glide4.1.1的用法：

首先我把开源的代码总结出来了一个library，大家可以打成aarjar或者直接引用，下面介绍用法我是直接引用，建议大家以后打成aar方便，

glide411library的build.gradle:

compile'com.android.support:support-v4:26.0.0-alpha1'compile'com.github.bumptech.glide:glide:4.1.1'compile'com.github.bumptech.glide:compiler:4.1.1'compile"com.github.bumptech.glide:okhttp3-integration:4.1.1"

glide411library这里就不贴代码了，给大家提供地址，大家去使用：

https://github.com/geeklx/MyApplication/tree/master/glide411library

自己的项目使用glide411以及支持大图功能 build.gradle：

compile'com.android.support:appcompat-v7:26.0.0-alpha1'compile'com.android.support:percent:26.0.0-alpha1'compile'com.android.support:design:26.0.0-alpha1'compile'com.android.support.constraint:constraint-layout:1.0.2'//glide411compile'com.github.chrisbanes:PhotoView:2.1.3'compileproject(':glide411library')//largep_w_picpathcompile'com.github.bumptech.glide:glide:4.1.1'compile'com.github.bumptech.glide:compiler:4.1.1'compile"com.github.bumptech.glide:okhttp3-integration:4.1.1"compile'com.shizhefei:LargeImageView:1.0.9'compile'com.github.HotBitmapGG:RingProgressBar:V1.2.2'

首先是glidedemo411的基础使用，应该是网上目前见过的最全的吧，我猜~哈哈哈~反正所有的方法我都总结出来了，漏的话不负责~哈哈~

SingleImageActivity：（预览图Activity）

packagecom.example.shining.p041_glide411.glidedemo411.p_w_picpath;importandroid.os.Bundle;importandroid.support.annotation.Nullable;importandroid.support.v4.app.ActivityCompat;importandroid.support.v7.app.AppCompatActivity;importandroid.text.TextUtils;importandroid.util.Log;importandroid.view.View;importandroid.widget.Toast;importcom.bumptech.glide.Glide;importcom.bumptech.glide.load.engine.DiskCacheStrategy;importcom.bumptech.glide.load.engine.GlideException;importcom.bumptech.glide.load.resource.drawable.DrawableTransitionOptions;importcom.bumptech.glide.request.RequestOptions;importcom.example.shining.glide411library.progress.CircleProgressView;importcom.example.shining.glide411library.progress.OnGlideImageViewListener;importcom.example.shining.glide411library.view.GlideImageLoader;importcom.example.shining.glide411library.view.GlideImageView;importcom.example.shining.p041_glide411.R;importjava.util.Random;publicclassSingleImageActivityextendsAppCompatActivity{GlideImageViewglideImageView;CircleProgressViewprogressView;CircleProgressViewprogressView1;CircleProgressViewprogressView2;CircleProgressViewprogressView3;ViewmaskView;publicstaticfinalStringKEY_IMAGE_URL="p_w_picpath_url";publicstaticfinalStringKEY_IMAGE_URL_THUMBNAIL="p_w_picpath_url_thumbnail";Stringp_w_picpath_url;Stringp_w_picpath_url_thumbnail;@OverrideprotectedvoidonCreate(@NullableBundlesavedInstanceState){super.onCreate(savedInstanceState);setContentView(R.layout.activity_main_glide411_p_w_picpath);glideImageView=(GlideImageView)findViewById(R.id.glideImageView);progressView1=(CircleProgressView)findViewById(R.id.progressView1);progressView2=(CircleProgressView)findViewById(R.id.progressView2);progressView3=(CircleProgressView)findViewById(R.id.progressView3);maskView=findViewById(R.id.maskView);p_w_picpath_url=getIntent().getStringExtra(KEY_IMAGE_URL);p_w_picpath_url_thumbnail=getIntent().getStringExtra(KEY_IMAGE_URL_THUMBNAIL);initProgressView();loadImage();}privatevoidinitProgressView(){//MainActivityGlide.isLoadAgain=newRandom().nextInt(3)==1;intrandomNum=newRandom().nextInt(3);switch(randomNum){case1:progressView=progressView2;break;case2:progressView=progressView3;break;case0:default:progressView=progressView1;break;}progressView1.setVisibility(View.GONE);progressView2.setVisibility(View.GONE);progressView3.setVisibility(View.GONE);progressView.setVisibility(View.VISIBLE);}privatevoidloadImage(){glideImageView.setOnClickListener(newView.OnClickListener(){@OverridepublicvoidonClick(Viewv){ActivityCompat.finishAfterTransition(SingleImageActivity.this);}});RequestOptionsrequestOptions=glideImageView.requestOptions(R.color.black).centerCrop();RequestOptionsrequestOptionsWithoutCache=glideImageView.requestOptions(R.color.black).centerCrop().skipMemoryCache(true).diskCacheStrategy(DiskCacheStrategy.NONE);GlideImageLoaderp_w_picpathLoader=glideImageView.getImageLoader();p_w_picpathLoader.setOnGlideImageViewListener(p_w_picpath_url,newOnGlideImageViewListener(){@OverridepublicvoidonProgress(intpercent,booleanisDone,GlideExceptionexception){if(exception!=null&&!TextUtils.isEmpty(exception.getMessage())){Toast.makeText(getApplicationContext(),exception.getMessage(),Toast.LENGTH_LONG).show();}progressView.setProgress(percent);Log.d("--->p_w_picpathLoader","percent:"+percent+"isDone:"+isDone);progressView.setVisibility(isDone?View.GONE:View.VISIBLE);maskView.setVisibility(isDone?View.GONE:View.VISIBLE);}});p_w_picpathLoader.requestBuilder(p_w_picpath_url,requestOptionsWithoutCache).thumbnail(Glide.with(SingleImageActivity.this).load(p_w_picpath_url_thumbnail).apply(requestOptions)).transition(DrawableTransitionOptions.withCrossFade()).into(glideImageView);}}

MainActivityGlide：（411demo Activity）

packagecom.example.shining.p041_glide411.glidedemo411;importandroid.content.Intent;importandroid.os.Bundle;importandroid.support.v4.app.ActivityCompat;importandroid.support.v4.app.ActivityOptionsCompat;importandroid.support.v7.app.AppCompatActivity;importandroid.text.TextUtils;importandroid.util.Log;importandroid.view.View;importandroid.widget.Toast;importcom.bumptech.glide.load.engine.DiskCacheStrategy;importcom.bumptech.glide.load.engine.GlideException;importcom.bumptech.glide.load.resource.drawable.DrawableTransitionOptions;importcom.bumptech.glide.request.RequestOptions;importcom.example.shining.glide411library.progress.CircleProgressView;importcom.example.shining.glide411library.progress.OnGlideImageViewListener;importcom.example.shining.glide411library.progress.OnProgressListener;importcom.example.shining.glide411library.view.GlideImageLoader;importcom.example.shining.glide411library.view.GlideImageView;importcom.example.shining.glide411library.view.ShapeImageView;importcom.example.shining.p041_glide411.R;importcom.example.shining.p041_glide411.glidedemo411.p_w_picpath.SingleImageActivity;importjava.util.Random;importstaticcom.example.shining.p041_glide411.glidedemo411.p_w_picpath.SingleImageActivity.KEY_IMAGE_URL;importstaticcom.example.shining.p041_glide411.glidedemo411.p_w_picpath.SingleImageActivity.KEY_IMAGE_URL_THUMBNAIL;publicclassMainActivityGlideextendsAppCompatActivity{privateGlideImageViewp_w_picpath31;privateGlideImageViewp_w_picpath32;privateGlideImageViewp_w_picpath33;privateGlideImageViewp_w_picpath34;privateStringurl1="https://s3.51cto.com/wyfs02/M01/89/BA/wKioL1ga-u7QnnVnAAAfrCiGnBQ946_middle.jpg";privateGlideImageViewp_w_picpath41;privateGlideImageViewp_w_picpath42;privateGlideImageViewp_w_picpath43;privateGlideImageViewp_w_picpath44;privateGlideImageViewp_w_picpath51;privateGlideImageViewp_w_picpath52;privateGlideImageViewp_w_picpath53;privateGlideImageViewp_w_picpath54;privateStringgif1="https://timgsa.baidu.com/timg?p_w_picpath&quality=80&size=b9999_10000&sec=1505394298896&di=98e0e804231a282ef80360e94fa7dca6&imgtype=0&src=http%3A%2F%2Fimg.qqai.net%2Fuploads%2Fi_3_2854471891x1596414192_21.jpg";privateGlideImageViewp_w_picpath61;privateCircleProgressViewprogressView1;privateStringp_w_picpath61BigUrl="https://raw.githubusercontent.com/geeklx/MyApplication/master/p040_glide4.0/screenshot/1232.png";privateStringp_w_picpath61SmallUrl="https://raw.githubusercontent.com/geeklx/MyApplication/master/p040_glide4.0/screenshot/1231.png";privateGlideImageViewp_w_picpath62;privateCircleProgressViewprogressView2;privateStringp_w_picpath62BigUrl="https://raw.githubusercontent.com/geeklx/MyApplication/master/p040_glide4.0/screenshot/1234.png";privateStringp_w_picpath62SmallUrl="https://raw.githubusercontent.com/geeklx/MyApplication/master/p040_glide4.0/screenshot/1233.png";publicstaticbooleanisLoadAgain=false;//Justforfunwhenloadingp_w_picpaths!@OverrideprotectedvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setContentView(R.layout.activity_main_glide411);//Glidefindview();isLoadAgain=newRandom().nextInt(3)==1;line1();line2();line3();line41();line42();}privatevoidfindview(){p_w_picpath31=(GlideImageView)findViewById(R.id.p_w_picpath31);p_w_picpath32=(GlideImageView)findViewById(R.id.p_w_picpath32);p_w_picpath33=(GlideImageView)findViewById(R.id.p_w_picpath33);p_w_picpath34=(GlideImageView)findViewById(R.id.p_w_picpath34);p_w_picpath41=(GlideImageView)findViewById(R.id.p_w_picpath41);p_w_picpath42=(GlideImageView)findViewById(R.id.p_w_picpath42);p_w_picpath43=(GlideImageView)findViewById(R.id.p_w_picpath43);p_w_picpath44=(GlideImageView)findViewById(R.id.p_w_picpath44);p_w_picpath51=(GlideImageView)findViewById(R.id.p_w_picpath51);p_w_picpath52=(GlideImageView)findViewById(R.id.p_w_picpath52);p_w_picpath53=(GlideImageView)findViewById(R.id.p_w_picpath53);p_w_picpath54=(GlideImageView)findViewById(R.id.p_w_picpath54);p_w_picpath61=(GlideImageView)findViewById(R.id.p_w_picpath61);progressView1=(CircleProgressView)findViewById(R.id.progressView1);p_w_picpath62=(GlideImageView)findViewById(R.id.p_w_picpath62);progressView2=(CircleProgressView)findViewById(R.id.progressView2);}privatevoidline41(){p_w_picpath61.setOnClickListener(newView.OnClickListener(){@OverridepublicvoidonClick(Viewview){Intentintent=newIntent(MainActivityGlide.this,SingleImageActivity.class);intent.putExtra(KEY_IMAGE_URL,p_w_picpath61BigUrl);intent.putExtra(KEY_IMAGE_URL_THUMBNAIL,p_w_picpath61SmallUrl);ActivityOptionsCompatcompat=ActivityOptionsCompat.makeSceneTransitionAnimation(MainActivityGlide.this,p_w_picpath61,getString(R.string.transitional_p_w_picpath));ActivityCompat.startActivity(MainActivityGlide.this,intent,compat.toBundle());}});RequestOptionsrequestOptions=p_w_picpath61.requestOptions(R.color.placeholder_color).centerCrop();if(isLoadAgain){requestOptions.diskCacheStrategy(DiskCacheStrategy.NONE).skipMemoryCache(true);}//第一种方式加载p_w_picpath61.load(p_w_picpath61SmallUrl,requestOptions).listener(newOnGlideImageViewListener(){@OverridepublicvoidonProgress(intpercent,booleanisDone,GlideExceptionexception){if(exception!=null&&!TextUtils.isEmpty(exception.getMessage())){Toast.makeText(getApplicationContext(),exception.getMessage(),Toast.LENGTH_LONG).show();}progressView1.setProgress(percent);progressView1.setVisibility(isDone?View.GONE:View.VISIBLE);}});}privatevoidline42(){p_w_picpath62.setOnClickListener(newView.OnClickListener(){@OverridepublicvoidonClick(Viewview){Intentintent=newIntent(MainActivityGlide.this,SingleImageActivity.class);intent.putExtra(KEY_IMAGE_URL,p_w_picpath62BigUrl);intent.putExtra(KEY_IMAGE_URL_THUMBNAIL,p_w_picpath62BigUrl);ActivityOptionsCompatcompat=ActivityOptionsCompat.makeSceneTransitionAnimation(MainActivityGlide.this,p_w_picpath62,getString(R.string.transitional_p_w_picpath));ActivityCompat.startActivity(MainActivityGlide.this,intent,compat.toBundle());}});RequestOptionsrequestOptions=p_w_picpath62.requestOptions(R.color.placeholder_color).centerCrop();if(isLoadAgain){requestOptions.diskCacheStrategy(DiskCacheStrategy.NONE).skipMemoryCache(true);}//第二种方式加载：可以解锁更多功能GlideImageLoaderp_w_picpathLoader=p_w_picpath62.getImageLoader();p_w_picpathLoader.setOnGlideImageViewListener(p_w_picpath62SmallUrl,newOnGlideImageViewListener(){@OverridepublicvoidonProgress(intpercent,booleanisDone,GlideExceptionexception){if(exception!=null&&!TextUtils.isEmpty(exception.getMessage())){Toast.makeText(getApplicationContext(),exception.getMessage(),Toast.LENGTH_LONG).show();}progressView2.setProgress(percent);progressView2.setVisibility(isDone?View.GONE:View.VISIBLE);}});p_w_picpathLoader.requestBuilder(p_w_picpath62SmallUrl,requestOptions).transition(DrawableTransitionOptions.withCrossFade()).into(p_w_picpath62);}privatevoidline3(){p_w_picpath51.loadLocalImage(R.drawable.gif_robot_walk,R.drawable.ic_def_loading);p_w_picpath52.loadCircleImage(gif1,R.mipmap.ic_launcher).listener(newOnGlideImageViewListener(){@OverridepublicvoidonProgress(intpercent,booleanisDone,GlideExceptionexception){Log.d("--->p_w_picpath52","percent:"+percent+"isDone:"+isDone);}});p_w_picpath53.loadImage(gif1,R.drawable.ic_def_loading);p_w_picpath54.loadImage(gif1,R.drawable.ic_def_loading);}privatevoidline2(){p_w_picpath41.loadImage(url1,R.drawable.ic_def_loading);p_w_picpath42.loadImage("",R.drawable.ic_def_loading);p_w_picpath43.loadImage(url1,R.color.placeholder_color);p_w_picpath44.loadImage(url1,R.color.placeholder_color);}privatevoidline1(){p_w_picpath31.loadImage(url1,R.color.black).listener(newOnProgressListener(){@OverridepublicvoidonProgress(Stringp_w_picpathUrl,longbytesRead,longtotalBytes,booleanisDone,GlideExceptionexception){Log.d("--->p_w_picpath31","bytesRead:"+bytesRead+"totalBytes:"+totalBytes+"isDone:"+isDone);}});p_w_picpath32.setShapeType(ShapeImageView.ShapeType.CIRCLE);p_w_picpath32.setBorderWidth(3);p_w_picpath32.setBorderColor(R.color.transparent20);p_w_picpath32.loadCircleImage(url1,R.color.black);p_w_picpath32.setOnClickListener(newView.OnClickListener(){@OverridepublicvoidonClick(Viewview){Toast.makeText(MainActivityGlide.this,"p_w_picpath32",Toast.LENGTH_SHORT).show();}});p_w_picpath33.setShapeType(ShapeImageView.ShapeType.RECTANGLE);p_w_picpath33.setRadius(15);p_w_picpath33.setBorderWidth(3);p_w_picpath33.setBorderColor(R.color.blue);p_w_picpath33.setPressedAlpha(0.3f);p_w_picpath33.setPressedColor(R.color.blue);p_w_picpath33.loadImage(url1,R.color.placeholder_color);p_w_picpath34.setShapeType(ShapeImageView.ShapeType.CIRCLE);p_w_picpath34.setBorderWidth(3);p_w_picpath34.setBorderColor(R.color.blue);p_w_picpath34.setPressedAlpha(0.2f);p_w_picpath34.setPressedColor(R.color.black);p_w_picpath34.loadImage(url1,R.color.placeholder_color);}}

接下来是largep_w_picpath：（用法跟glide3.7一样，我做了兼容，把兼容的代码给大家共享出来，用法看上面的glide3.7）。

LargeImageViewTarget：

packagecom.example.shining.p041_glide411.largep_w_picpath.glide411;importandroid.graphics.drawable.Drawable;importandroid.view.View;importcom.bumptech.glide.request.transition.Transition;importcom.bumptech.glide.request.target.ViewTarget;importcom.shizhefei.view.largep_w_picpath.ILargeImageView;importcom.shizhefei.view.largep_w_picpath.factory.FileBitmapDecoderFactory;importjava.io.File;/***Abase{@linkcom.bumptech.glide.request.target.Target}fordisplayingresourcesin*{@linkandroid.widget.ImageView}s.**@param<Z>Thetypeofresourcethatthistargetwilldisplayinthewrapped{@linkandroid.widget.ImageView}.*/publicclassLargeImageViewTargetextendsViewTarget<View,File>{privateILargeImageViewlargeImageView;public<VextendsView&ILargeImageView>LargeImageViewTarget(Vview){super(view);this.largeImageView=view;}/***Setsthegiven{@linkDrawable}ontheviewusing*{@linkandroid.widget.ImageView#setImageDrawable(Drawable)}.**@paramplaceholder{@inheritDoc}*/@OverridepublicvoidonLoadStarted(Drawableplaceholder){largeImageView.setImageDrawable(placeholder);}/***Setsthegiven{@linkDrawable}ontheviewusing*{@linkandroid.widget.ImageView#setImageDrawable(Drawable)}.**@paramerrorDrawable{@inheritDoc}*/@OverridepublicvoidonLoadFailed(DrawableerrorDrawable){largeImageView.setImageDrawable(errorDrawable);}@OverridepublicvoidonResourceReady(Fileresource,Transition<?superFile>glideAnimation){largeImageView.setImage(newFileBitmapDecoderFactory(resource));}/***Setsthegiven{@linkDrawable}ontheviewusing*{@linkandroid.widget.ImageView#setImageDrawable(Drawable)}.**@paramplaceholder{@inheritDoc}*/@OverridepublicvoidonLoadCleared(Drawableplaceholder){largeImageView.setImageDrawable(placeholder);}}

OkHttpProgressGlideModule：

packagecom.example.shining.p041_glide411.largep_w_picpath.glide411;importandroid.content.Context;importandroid.os.Handler;importandroid.os.Looper;importcom.bumptech.glide.Glide;importcom.bumptech.glide.GlideBuilder;importcom.bumptech.glide.Registry;importcom.bumptech.glide.integration.okhttp3.OkHttpUrlLoader;importcom.bumptech.glide.load.model.GlideUrl;importcom.bumptech.glide.module.AppGlideModule;importjava.io.IOException;importjava.io.InputStream;importjava.util.Map;importjava.util.concurrent.ConcurrentHashMap;importokhttp3.HttpUrl;importokhttp3.Interceptor;importokhttp3.MediaType;importokhttp3.OkHttpClient;importokhttp3.Request;importokhttp3.Response;importokhttp3.ResponseBody;importokio.Buffer;importokio.BufferedSource;importokio.ForwardingSource;importokio.Okio;importokio.Source;//TODOadd<meta-dataandroid:value="GlideModule"android:name="....OkHttpProgressGlideModule"/>//TODOadd<meta-dataandroid:value="GlideModule"tools:node="remove"android:name="com.bumptech.glide.integration.okhttp.OkHttpGlideModule"/>//ornotuse'okhttp@aar'inGradledepdendenciespublicclassOkHttpProgressGlideModuleextendsAppGlideModule{@OverridepublicvoidapplyOptions(Contextcontext,GlideBuilderbuilder){}@OverridepublicvoidregisterComponents(Contextcontext,Glideglide,Registryregistry){super.registerComponents(context,glide,registry);OkHttpClient.Builderbuilder=newOkHttpClient.Builder();builder.networkInterceptors().add(createInterceptor(newDispatchingProgressListener()));glide.getRegistry().append(GlideUrl.class,InputStream.class,newOkHttpUrlLoader.Factory(builder.build()));//glide.register(GlideUrl.class,InputStream.class,newOkHttpUrlLoader.Factory(builder.build()));}privatestaticInterceptorcreateInterceptor(finalResponseProgressListenerlistener){returnnewInterceptor(){@OverridepublicResponseintercept(Chainchain)throwsIOException{Requestrequest=chain.request();Responseresponse=chain.proceed(request);returnresponse.newBuilder().body(newOkHttpProgre***esponseBody(request.url(),response.body(),listener)).build();}};}publicinterfaceUIProgressListener{voidonProgress(longbytesRead,longexpectedLength);/***Controlhowoftenthelistenerneedsanupdate.0%and100%willalwaysbedispatched.**@returninpercentage(0.2=call{@link#onProgress}aroundevery0.2percentofprogress)*/floatgetGranualityPercentage();}publicstaticvoidforget(Stringurl){DispatchingProgressListener.forget(url);}publicstaticvoidexpect(Stringurl,UIProgressListenerlistener){DispatchingProgressListener.expect(url,listener);}privateinterfaceResponseProgressListener{voidupdate(HttpUrlurl,longbytesRead,longcontentLength);}privatestaticclassDispatchingProgressListenerimplementsResponseProgressListener{privatestaticfinalMap<String,UIProgressListener>LISTENERS=newConcurrentHashMap<>();privatestaticfinalMap<String,Long>PROGRESSES=newConcurrentHashMap<>();privatefinalHandlerhandler;DispatchingProgressListener(){this.handler=newHandler(Looper.getMainLooper());}staticvoidforget(Stringurl){LISTENERS.remove(url);PROGRESSES.remove(url);}staticvoidexpect(Stringurl,UIProgressListenerlistener){LISTENERS.put(url,listener);}@Overridepublicvoidupdate(HttpUrlurl,finallongbytesRead,finallongcontentLength){//System.out.printf("%s:%d/%d=%.2f%%%n",url,bytesRead,contentLength,(100f*bytesRead)/contentLength);Stringkey=url.toString();finalUIProgressListenerlistener=LISTENERS.get(key);if(listener==null){return;}//长度是错误的移除监听if(contentLength<=bytesRead){forget(key);}if(needsDispatch(key,bytesRead,contentLength,listener.getGranualityPercentage())){handler.post(newRunnable(){@Overridepublicvoidrun(){listener.onProgress(bytesRead,contentLength);}});}}privatebooleanneedsDispatch(Stringkey,longcurrent,longtotal,floatgranularity){if(granularity==0||current==0||total==current){returntrue;}floatpercent=100f*current/total;longcurrentProgress=(long)(percent/granularity);LonglastProgress=PROGRESSES.get(key);if(lastProgress==null||currentProgress!=lastProgress){PROGRESSES.put(key,currentProgress);returntrue;}else{returnfalse;}}}privatestaticclassOkHttpProgre***esponseBodyextendsResponseBody{privatefinalHttpUrlurl;privatefinalResponseBodyresponseBody;privatefinalResponseProgressListenerprogressListener;privateBufferedSourcebufferedSource;OkHttpProgre***esponseBody(HttpUrlurl,ResponseBodyresponseBody,ResponseProgressListenerprogressListener){this.url=url;this.responseBody=responseBody;this.progressListener=progressListener;}@OverridepublicMediaTypecontentType(){returnresponseBody.contentType();}@OverridepubliclongcontentLength(){returnresponseBody.contentLength();}@OverridepublicBufferedSourcesource(){if(bufferedSource==null){bufferedSource=Okio.buffer(source(responseBody.source()));}returnbufferedSource;}privateSourcesource(Sourcesource){returnnewForwardingSource(source){longtotalBytesRead=0L;@Overridepubliclongread(Buffersink,longbyteCount)throwsIOException{longbytesRead=super.read(sink,byteCount);longfullLength=responseBody.contentLength();if(bytesRead==-1){//thissourceisexhaustedtotalBytesRead=fullLength;}else{totalBytesRead+=bytesRead;}progressListener.update(url,totalBytesRead,fullLength);returnbytesRead;}};}}}

ProgressTarget：

packagecom.example.shining.p041_glide411.largep_w_picpath.glide411;importandroid.graphics.drawable.Drawable;importcom.bumptech.glide.Glide;importcom.bumptech.glide.request.target.Target;importcom.bumptech.glide.request.transition.Transition;importcom.example.shining.p041_glide411.application.DemoApplication;publicabstractclassProgressTarget<T,Z>extendsWrappingTarget<Z>implementsOkHttpProgressGlideModule.UIProgressListener{privateTmodel;privatebooleanignoreProgress=true;publicProgressTarget(Tmodel,Target<Z>target){super(target);this.model=model;}publicfinalTgetModel(){returnmodel;}publicfinalvoidsetModel(Tmodel){//Glide.clear(this);//indirectlycallscleanupGlide.with(DemoApplication.mContext).clear(this);this.model=model;}/***ConvertamodelintoanUrlstringthatisusedtomatchuptheOkHttprequests.Forexplicit*{@linkcom.bumptech.glide.load.model.GlideUrlGlideUrl}loadsthisneedstoreturn*{@linkcom.bumptech.glide.load.model.GlideUrl#toStringUrltoStringUrl}.Forcustommodelsdothesameasyour*{@linkcom.bumptech.glide.load.model.stream.BaseGlideUrlLoaderBaseGlideUrlLoader}does.**@parammodelreturntherepresentationofthegivenmodel,DONOTuse{@link#getModel()}insidethismethod.*@returnastableUrlrepresentationofthemodel,otherwisetheprogressreportingwon'twork*/protectedStringtoUrlString(Tmodel){returnString.valueOf(model);}@OverridepublicfloatgetGranualityPercentage(){return1.0f;}privatevoidstart(){OkHttpProgressGlideModule.expect(toUrlString(model),this);ignoreProgress=false;}privatevoidcleanup(){ignoreProgress=true;Tmodel=this.model;//saveincaseitgetsmodifiedOkHttpProgressGlideModule.forget(toUrlString(model));this.model=null;}@OverridepublicvoidonLoadStarted(Drawableplaceholder){super.onLoadStarted(placeholder);start();}@OverridepublicvoidonResourceReady(Zresource,Transition<?superZ>animation){cleanup();super.onResourceReady(resource,animation);}@OverridepublicvoidonLoadFailed(DrawableerrorDrawable){cleanup();super.onLoadFailed(errorDrawable);}@OverridepublicvoidonLoadCleared(Drawableplaceholder){cleanup();super.onLoadCleared(placeholder);}}

WrappingTarget：

packagecom.example.shining.p041_glide411.largep_w_picpath.glide411;importandroid.graphics.drawable.Drawable;importandroid.support.annotation.Nullable;importcom.bumptech.glide.request.Request;importcom.bumptech.glide.request.target.SizeReadyCallback;importcom.bumptech.glide.request.target.Target;importcom.bumptech.glide.request.transition.Transition;publicclassWrappingTarget<Z>implementsTarget<Z>{protectedfinalTarget<Z>target;publicWrappingTarget(Target<Z>target){this.target=target;}@OverridepublicvoidgetSize(SizeReadyCallbackcb){if(target!=null)target.getSize(cb);}@OverridepublicvoidremoveCallback(SizeReadyCallbackcb){}@OverridepublicvoidonLoadStarted(Drawableplaceholder){if(target!=null)target.onLoadStarted(placeholder);}@OverridepublicvoidonLoadFailed(@NullableDrawableerrorDrawable){if(target!=null)target.onLoadFailed(errorDrawable);}@OverridepublicvoidonResourceReady(Zresource,Transition<?superZ>glideAnimation){if(target!=null)target.onResourceReady(resource,glideAnimation);}@OverridepublicvoidonLoadCleared(Drawableplaceholder){if(target!=null)target.onLoadCleared(placeholder);}privateRequestrequest;@OverridepublicRequestgetRequest(){returnrequest;}@OverridepublicvoidsetRequest(Requestrequest){this.request=request;if(target!=null)target.setRequest(request);}@OverridepublicvoidonStart(){if(target!=null)target.onStart();}@OverridepublicvoidonStop(){if(target!=null)target.onStop();}@OverridepublicvoidonDestroy(){if(target!=null)target.onDestroy();}}

权限别忘了：

<uses-permissionandroid:name="android.permission.INTERNET"/><uses-permissionandroid:name="android.permission.ACCESS_NETWORK_STATE"/><uses-permissionandroid:name="android.permission.ACCESS_WIFI_STATE"/><uses-permissionandroid:name="android.permission.WRITE_EXTERNAL_STORAGE"/><uses-permissionandroid:name="android.permission.READ_EXTERNAL_STORAGE"/><uses-permissionandroid:name="android.permission.MOUNT_UNMOUNT_FILESYSTEMS"/>

效果如下图：

图1：

图2：

图3：

图4：

今天介绍了很多东西，希望能帮到你~谢谢~

附：

glide3.7的地址：https://github.com/geeklx/MyApplication/tree/master/p042_largep_w_picpath

glide4.1.1的地址：https://github.com/geeklx/MyApplication/tree/master/p041_glide411

glide3.7图片加载地址：

https://github.com/geeklx/MyApplication/tree/master/P009_Glide图片缓存

glide4.1.1图片加载地址：