Android Studio 第五十四期 - 超级巨图Glide3.7和Glide4.1.1优化加载方案

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

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

//glide37
compile '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_image(), GlideOptionsFactory.get(GlideOptionsFactory.Type.RADIUS));Glide.with(context).load(ratings.getSku_image()).skipMemoryCache(true).diskCacheStrategy(DiskCacheStrategy.NONE).into(viewHolder.iv_imgurl);GlideOptions glideOptions = new GlideOptions(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：

package com.example.shining.p042_largeimage.glide37;import android.graphics.drawable.Drawable;
import android.view.View;import com.bumptech.glide.request.animation.GlideAnimation;
import com.bumptech.glide.request.target.ViewTarget;
import com.shizhefei.view.largeimage.ILargeImageView;
import com.shizhefei.view.largeimage.factory.FileBitmapDecoderFactory;import java.io.File;/*** A base {@link com.bumptech.glide.request.target.Target} for displaying resources in* {@link android.widget.ImageView}s.** @param <Z> The type of resource that this target will display in the wrapped {@link android.widget.ImageView}.*/
public class LargeImageViewTarget extends ViewTarget<View, File>{private ILargeImageView largeImageView;public <V extends View & ILargeImageView> LargeImageViewTarget(V view) {super(view);this.largeImageView = view;}/*** Sets the given {@link android.graphics.drawable.Drawable} on the view using* {@link android.widget.ImageView#setImageDrawable(android.graphics.drawable.Drawable)}.** @param placeholder {@inheritDoc}*/@Overridepublic void onLoadStarted(Drawable placeholder) {largeImageView.setImageDrawable(placeholder);}/*** Sets the given {@link android.graphics.drawable.Drawable} on the view using* {@link android.widget.ImageView#setImageDrawable(android.graphics.drawable.Drawable)}.** @param errorDrawable {@inheritDoc}*/@Overridepublic void onLoadFailed(Exception e, Drawable errorDrawable) {largeImageView.setImageDrawable(errorDrawable);}@Overridepublic void onResourceReady(File resource, GlideAnimation<? super File> glideAnimation) {largeImageView.setImage(new FileBitmapDecoderFactory(resource));}/*** Sets the given {@link android.graphics.drawable.Drawable} on the view using* {@link android.widget.ImageView#setImageDrawable(android.graphics.drawable.Drawable)}.** @param placeholder {@inheritDoc}*/@Overridepublic void onLoadCleared(Drawable placeholder) {largeImageView.setImageDrawable(placeholder);}
}

OkHttpProgressGlideModule：

package com.example.shining.p042_largeimage.glide37;import android.content.Context;
import android.os.Handler;
import android.os.Looper;import com.bumptech.glide.Glide;
import com.bumptech.glide.GlideBuilder;
import com.bumptech.glide.integration.okhttp3.OkHttpUrlLoader;
import com.bumptech.glide.load.model.GlideUrl;
import com.bumptech.glide.module.GlideModule;import java.io.IOException;
import java.io.InputStream;
import java.util.Map;
import java.util.concurrent.ConcurrentHashMap;import okhttp3.HttpUrl;
import okhttp3.Interceptor;
import okhttp3.MediaType;
import okhttp3.OkHttpClient;
import okhttp3.Request;
import okhttp3.Response;
import okhttp3.ResponseBody;
import okio.Buffer;
import okio.BufferedSource;
import okio.ForwardingSource;
import okio.Okio;
import okio.Source;// TODO add <meta-data android:value="GlideModule" android:name="....OkHttpProgressGlideModule" />
// TODO add <meta-data android:value="GlideModule" tools:node="remove" android:name="com.bumptech.glide.integration.okhttp.OkHttpGlideModule" />
// or not use 'okhttp@aar' in Gradle depdendencies
public class OkHttpProgressGlideModule implements GlideModule {@Overridepublic void applyOptions(Context context, GlideBuilder builder) {}@Overridepublic void registerComponents(Context context, Glide glide) {OkHttpClient.Builder builder = new OkHttpClient.Builder();builder.networkInterceptors().add(createInterceptor(new DispatchingProgressListener()));glide.register(GlideUrl.class, InputStream.class, new OkHttpUrlLoader.Factory(builder.build()));}private static Interceptor createInterceptor(final ResponseProgressListener listener) {return new Interceptor() {@Overridepublic Response intercept(Chain chain) throws IOException {Request request = chain.request();Response response = chain.proceed(request);return response.newBuilder().body(new OkHttpProgre***esponseBody(request.url(), response.body(), listener)).build();}};}public interface UIProgressListener {void onProgress(long bytesRead, long expectedLength);/*** Control how often the listener needs an update. 0% and 100% will always be dispatched.** @return in percentage (0.2 = call {@link #onProgress} around every 0.2 percent of progress)*/float getGranualityPercentage();}public static void forget(String url) {DispatchingProgressListener.forget(url);}public static void expect(String url, UIProgressListener listener) {DispatchingProgressListener.expect(url, listener);}private interface ResponseProgressListener {void update(HttpUrl url, long bytesRead, long contentLength);}private static class DispatchingProgressListener implements ResponseProgressListener {private static final Map<String, UIProgressListener> LISTENERS = new ConcurrentHashMap<>();private static final Map<String, Long> PROGRESSES = new ConcurrentHashMap<>();private final Handler handler;DispatchingProgressListener() {this.handler = new Handler(Looper.getMainLooper());}static void forget(String url) {LISTENERS.remove(url);PROGRESSES.remove(url);}static void expect(String url, UIProgressListener listener) {LISTENERS.put(url, listener);}@Overridepublic void update(HttpUrl url, final long bytesRead, final long contentLength) {//System.out.printf("%s: %d/%d = %.2f%%%n", url, bytesRead, contentLength, (100f * bytesRead) / contentLength);String key = url.toString();final UIProgressListener listener = LISTENERS.get(key);if (listener == null) {return;}//长度是错误的移除监听if (contentLength <= bytesRead) {forget(key);}if (needsDispatch(key, bytesRead, contentLength, listener.getGranualityPercentage())) {handler.post(new Runnable() {@Overridepublic void run() {listener.onProgress(bytesRead, contentLength);}});}}private boolean needsDispatch(String key, long current, long total, float granularity) {if (granularity == 0 || current == 0 || total == current) {return true;}float percent = 100f * current / total;long currentProgress = (long) (percent / granularity);Long lastProgress = PROGRESSES.get(key);if (lastProgress == null || currentProgress != lastProgress) {PROGRESSES.put(key, currentProgress);return true;} else {return false;}}}private static class OkHttpProgre***esponseBody extends ResponseBody {private final HttpUrl url;private final ResponseBody responseBody;private final ResponseProgressListener progressListener;private BufferedSource bufferedSource;OkHttpProgre***esponseBody(HttpUrl url, ResponseBody responseBody,ResponseProgressListener progressListener) {this.url = url;this.responseBody = responseBody;this.progressListener = progressListener;}@Overridepublic MediaType contentType() {return responseBody.contentType();}@Overridepublic long contentLength() {return responseBody.contentLength();}@Overridepublic BufferedSource source() {if (bufferedSource == null) {bufferedSource = Okio.buffer(source(responseBody.source()));}return bufferedSource;}private Source source(Source source) {return new ForwardingSource(source) {long totalBytesRead = 0L;@Overridepublic long read(Buffer sink, long byteCount) throws IOException {long bytesRead = super.read(sink, byteCount);long fullLength = responseBody.contentLength();if (bytesRead == -1) { // this source is exhaustedtotalBytesRead = fullLength;} else {totalBytesRead += bytesRead;}progressListener.update(url, totalBytesRead, fullLength);return bytesRead;}};}}
}

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

xml：

<!-- Glide与OkHttp3集成 -->
<meta-dataandroid:name="com.example.lagerimage_test.glide.OkHttpProgressGlideModule"android:value="GlideModule" />

onCreate：

final Glide glide = Glide.get(this);
OkHttpProgressGlideModule a = new OkHttpProgressGlideModule();
a.registerComponents(this, glide);

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

ProgressTarget：

package com.example.shining.p042_largeimage.glide37;import android.graphics.drawable.Drawable;import com.bumptech.glide.Glide;
import com.bumptech.glide.request.animation.GlideAnimation;
import com.bumptech.glide.request.target.Target;public abstract class ProgressTarget<T, Z> extends WrappingTarget<Z> implements OkHttpProgressGlideModule.UIProgressListener {private T model;private boolean ignoreProgress = true;public ProgressTarget(T model, Target<Z> target) {super(target);this.model = model;}public final T getModel() {return model;}public final void setModel(T model) {Glide.clear(this); // indirectly calls cleanupthis.model = model;}/*** Convert a model into an Url string that is used to match up the OkHttp requests. For explicit* {@link com.bumptech.glide.load.model.GlideUrl GlideUrl} loads this needs to return* {@link com.bumptech.glide.load.model.GlideUrl#toStringUrl toStringUrl}. For custom models do the same as your* {@link com.bumptech.glide.load.model.stream.BaseGlideUrlLoader BaseGlideUrlLoader} does.** @param model return the representation of the given model, DO NOT use {@link #getModel()} inside this method.* @return a stable Url representation of the model, otherwise the progress reporting won't work*/protected String toUrlString(T model) {return String.valueOf(model);}@Overridepublic float getGranualityPercentage() {return 1.0f;}private void start() {OkHttpProgressGlideModule.expect(toUrlString(model), this);ignoreProgress = false;}private void cleanup() {ignoreProgress = true;T model = this.model; // save in case it gets modifiedOkHttpProgressGlideModule.forget(toUrlString(model));this.model = null;}@Overridepublic void onLoadStarted(Drawable placeholder) {super.onLoadStarted(placeholder);start();}@Overridepublic void onResourceReady(Z resource, GlideAnimation<? super Z> animation) {cleanup();super.onResourceReady(resource, animation);}@Overridepublic void onLoadFailed(Exception e, Drawable errorDrawable) {cleanup();super.onLoadFailed(e, errorDrawable);}@Overridepublic void onLoadCleared(Drawable placeholder) {cleanup();super.onLoadCleared(placeholder);}
}

WrappingTarget：

package com.example.shining.p042_largeimage.glide37;import android.graphics.drawable.Drawable;import com.bumptech.glide.request.Request;
import com.bumptech.glide.request.animation.GlideAnimation;
import com.bumptech.glide.request.target.SizeReadyCallback;
import com.bumptech.glide.request.target.Target;public class WrappingTarget<Z> implements Target<Z> {protected final Target<Z> target;public WrappingTarget(Target<Z> target) {this.target = target;}@Overridepublic void getSize(SizeReadyCallback cb) {if (target != null)target.getSize(cb);}@Overridepublic void onLoadStarted(Drawable placeholder) {if (target != null)target.onLoadStarted(placeholder);}@Overridepublic void onLoadFailed(Exception e, Drawable errorDrawable) {if (target != null)target.onLoadFailed(e, errorDrawable);}@Overridepublic void onResourceReady(Z resource, GlideAnimation<? super Z> glideAnimation) {if (target != null)target.onResourceReady(resource, glideAnimation);}@Overridepublic void onLoadCleared(Drawable placeholder) {if (target != null) target.onLoadCleared(placeholder);}private Request request;@Overridepublic Request getRequest() {return request;}@Overridepublic void setRequest(Request request) {this.request = request;if (target != null)target.setRequest(request);}@Overridepublic void onStart() {if (target != null)target.onStart();}@Overridepublic void onStop() {if (target != null)target.onStop();}@Overridepublic void onDestroy() {if (target != null) target.onDestroy();}
}

buildgradle:

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

加载网络图片MainActivityLargeImageGlide：

package com.example.shining.p042_largeimage.activity;import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;import com.bumptech.glide.Glide;
import com.bumptech.glide.request.animation.GlideAnimation;
import com.bumptech.glide.request.target.SizeReadyCallback;
import com.bumptech.glide.request.target.Target;
import com.example.shining.p042_largeimage.R;
import com.example.shining.p042_largeimage.glide37.OkHttpProgressGlideModule;
import com.example.shining.p042_largeimage.glide37.ProgressTarget;
import com.shizhefei.view.largeimage.LargeImageView;
import com.shizhefei.view.largeimage.factory.FileBitmapDecoderFactory;import java.io.File;
import java.io.IOException;
import java.io.InputStream;
import java.net.HttpURLConnection;
import java.net.MalformedURLException;
import java.net.URL;import io.netopen.hotbitmapgg.library.view.RingProgressBar;public class MainActivityLargeImageGlide extends AppCompatActivity {private LargeImageView largeImageView;private RingProgressBar ringProgressBar;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_large_image_view);largeImageView = (LargeImageView) findViewById(R.id.networkDemo_photoView);ringProgressBar = (RingProgressBar) findViewById(R.id.networkDemo_ringProgressBar);
//        String url = "http://short.im.rockhippo.cn/uploads/msg/201703/20170309/1485/1489068660846.jpg";
//        URL fileUrl = null;
//        File file = null;
//        try {
//            fileUrl = new URL(url);
//            file = new File(fileUrl.toURI());
//        } catch (MalformedURLException | URISyntaxException e) {
//            e.printStackTrace();
//        }
//
//        assert file != null;
//        largeImageView.setImage(new FileBitmapDecoderFactory(file));//        String url = "https://s2.51cto.com/wyfs02/M02/06/F4/wKiom1nA9iSRwF1BADe7ZVL2w4Q127.jpg";
//        String url = "https://s2.51cto.com/wyfs02/M00/06/F4/wKiom1nA-Aiy9qMkAAR3_qzZ1is031.jpg";String url = "https://s3.51cto.com/wyfs02/M00/A5/A5/wKioL1nA-WrQ8NSkAADpAlDnsrM054.jpg";final Glide glide = Glide.get(this);OkHttpProgressGlideModule a = new OkHttpProgressGlideModule();a.registerComponents(this, glide);new Thread() {@Overridepublic void run() {super.run();Glide.get(getApplicationContext()).clearDiskCache();runOnUiThread(new Runnable() {@Overridepublic void run() {
//                        Toast.makeText(getApplicationContext(), "清除缓存成功", Toast.LENGTH_SHORT).show();}});}}.start();Glide.with(this).load(url).downloadOnly(new ProgressTarget<String, File>(url, null) {@Overridepublic void onLoadStarted(Drawable placeholder) {super.onLoadStarted(placeholder);ringProgressBar.setVisibility(View.VISIBLE);ringProgressBar.setProgress(0);}@Overridepublic void onProgress(long bytesRead, long expectedLength) {int p = 0;if (expectedLength >= 0) {p = (int) (100 * bytesRead / expectedLength);}ringProgressBar.setProgress(p);}@Overridepublic void onResourceReady(File resource, GlideAnimation<? super File> animation) {super.onResourceReady(resource, animation);ringProgressBar.setVisibility(View.GONE);
//                largeImageView.setEnabled(false);largeImageView.setImage(new FileBitmapDecoderFactory(resource));}@Overridepublic void getSize(SizeReadyCallback cb) {cb.onSizeReady(Target.SIZE_ORIGINAL, Target.SIZE_ORIGINAL);}});}/*** 根据图片的url路径获得Bitmap对象** @param url* @return*/private Bitmap returnBitmap(String url) {URL fileUrl = null;Bitmap bitmap = null;try {fileUrl = new URL(url);} catch (MalformedURLException e) {e.printStackTrace();}try {HttpURLConnection conn = (HttpURLConnection) fileUrl.openConnection();conn.setDoInput(true);conn.connect();InputStream is = conn.getInputStream();bitmap = BitmapFactory.decodeStream(is);is.close();} catch (IOException e) {e.printStackTrace();}return bitmap;}
}

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

加载drawable目录 MainActivityLargeImageLocal1：

package com.example.shining.p042_largeimage.activity;import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;import com.example.shining.p042_largeimage.R;
import com.shizhefei.view.largeimage.LargeImageView;public class MainActivityLargeImageLocal1 extends AppCompatActivity {private LargeImageView localDemo_photoView;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main_largeimage_local);localDemo_photoView = (LargeImageView) findViewById(R.id.localDemo_photoView);String fileName = getIntent().getStringExtra("file_name");localDemo_photoView.setImage(getResources().getDrawable(R.drawable.qm3));runOnUiThread(new Runnable() {@Overridepublic void run() {localDemo_photoView.setScale(0.5f);}});}}

加载assets目录 MainActivityLargeImageLocal2：

package com.example.shining.p042_largeimage.activity;import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;import com.example.shining.p042_largeimage.R;
import com.shizhefei.view.largeimage.BlockImageLoader;
import com.shizhefei.view.largeimage.LargeImageView;
import com.shizhefei.view.largeimage.factory.InputStreamBitmapDecoderFactory;import java.io.IOException;
import java.io.InputStream;public class MainActivityLargeImageLocal2 extends AppCompatActivity {private LargeImageView largeImageView;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main_largeimage_local);largeImageView = (LargeImageView) findViewById(R.id.localDemo_photoView);try {String fileName = getIntent().getStringExtra("file_name");//通过文件的方式加载sd卡中的大图
//            localDemo_photoView.setImage(new FileBitmapDecoderFactory(file));//通过流的方式加载assets文件夹里面的大图InputStream inputStream = getAssets().open("qm.jpg");largeImageView.setImage(new InputStreamBitmapDecoderFactory(inputStream));
//            localDemo_photoView.setImage(new InputStreamBitmapDecoderFactory(inputStream), getResources().getDrawable(R.drawable.mvc));runOnUiThread(new Runnable() {@Overridepublic void run() {largeImageView.setScale(0.5f);largeImageView.setOnImageLoadListener(new BlockImageLoader.OnImageLoadListener() {@Overridepublic void onBlockImageLoadFinished() {}@Overridepublic void onLoadImageSize(int imageWidth, int imageHeight) {String a = imageHeight + "";}@Overridepublic void onLoadFail(Exception e) {}});//                    largeImageView.setCriticalScaleValueHook(new LargeImageView.CriticalScaleValueHook() {
//                        @Override
//                        public float getMinScale(LargeImageView largeImageView, int imageWidth, int imageHeight, float suggestMinScale) {
//                            return 15;
//                        }
//
//                        @Override
//                        public float getMaxScale(LargeImageView largeImageView, int imageWidth, int imageHeight, float suggestMaxScale) {
//                            return 30;
//                        }
//                    });}});} catch (IOException e) {e.printStackTrace();}}}

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

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

colorUtil：

<?xml version="1.0" encoding="utf-8"?>
<resources><color name="colorPrimary">#3F51B5</color><color name="colorPrimaryDark">#303F9F</color><color name="colorAccent">#FF4081</color><color name="gray_line">#dfdfdf</color><color name="white">#ffffff</color><!-- 白色 --><color name="ivory">#fffff0</color><!-- 象牙色 --><color name="lightyellow">#ffffe0</color><!-- 亮黄色 --><color name="yellow">#ffff00</color><!-- 黄色 --><color name="snow">#fffafa</color><!-- 雪白色 --><color name="floralwhite">#fffaf0</color><!-- 花白色 --><color name="lemonchiffon">#fffacd</color><!-- 柠檬绸色 --><color name="cornsilk">#fff8dc</color><!-- 米绸色 --><color name="seaShell">#fff5ee</color><!-- 海贝色 --><color name="lavenderblush">#fff0f5</color><!-- 淡紫红 --><color name="papayawhip">#ffefd5</color><!-- 番木色 --><color name="blanchedalmond">#ffebcd</color><!-- 白杏色 --><color name="mistyrose">#ffe4e1</color><!-- 浅玫瑰色 --><color name="bisque">#ffe4c4</color><!-- 桔黄色 --><color name="moccasin">#ffe4b5</color><!-- 鹿皮色 --><color name="navajowhite">#ffdead</color><!-- 纳瓦白 --><color name="peachpuff">#ffdab9</color><!-- 桃色 --><color name="gold">#ffd700</color><!-- 金色 --><color name="pink">#ffc0cb</color><!-- 粉红色 --><color name="lightpink">#ffb6c1</color><!-- 亮粉红色 --><color name="orange">#ffa500</color><!-- 橙色 --><color name="lightsalmon">#ffa07a</color><!-- 亮肉色 --><color name="darkorange">#ff8c00</color><!-- 暗桔黄色 --><color name="coral">#ff7f50</color><!-- 珊瑚色 --><color name="hotpink">#ff69b4</color><!-- 热粉红色 --><color name="tomato">#ff6347</color><!-- 西红柿色 --><color name="orangered">#ff4500</color><!-- 红橙色 --><color name="deeppink">#ff1493</color><!-- 深粉红色 --><color name="fuchsia">#ff00ff</color><!-- 紫红色 --><color name="magenta">#ff00ff</color><!-- 红紫色 --><color name="red">#ff0000</color><!-- 红色 --><color name="oldlace">#fdf5e6</color><!-- 老花色 --><color name="lightgoldenrodyellow">#fafad2</color><!-- 亮金黄色 --><color name="linen">#faf0e6</color><!-- 亚麻色 --><color name="antiquewhite">#faebd7</color><!-- 古董白 --><color name="salmon">#fa8072</color><!-- 鲜肉色 --><color name="ghostwhite">#f8f8ff</color><!-- 幽灵白 --><color name="mintcream">#f5fffa</color><!-- 薄荷色 --><color name="whitesmoke">#f5f5f5</color><!-- 烟白色 --><color name="beige">#f5f5dc</color><!-- 米色 --><color name="wheat">#f5deb3</color><!-- 浅黄色 --><color name="sandybrown">#f4a460</color><!-- 沙褐色 --><color name="azure">#f0ffff</color><!-- 天蓝色 --><color name="honeydew">#f0fff0</color><!-- 蜜色 --><color name="aliceblue">#f0f8ff</color><!-- 艾利斯兰 --><color name="khaki">#f0e68c</color><!-- 黄褐色 --><color name="lightcoral">#f08080</color><!-- 亮珊瑚色 --><color name="palegoldenrod">#eee8aa</color><!-- 苍麒麟色 --><color name="violet">#ee82ee</color><!-- 紫罗兰色 --><color name="darksalmon">#e9967a</color><!-- 暗肉色 --><color name="lavender">#e6e6fa</color><!-- 淡紫色 --><color name="lightcyan">#e0ffff</color><!-- 亮青色 --><color name="burlywood">#deb887</color><!-- 实木色 --><color name="plum">#dda0dd</color><!-- 洋李色 --><color name="gainsboro">#dcdcdc</color><!-- 淡灰色 --><color name="crimson">#dc143c</color><!-- 暗深红色 --><color name="palevioletred">#db7093</color><!-- 苍紫罗兰色 --><color name="goldenrod">#daa520</color><!-- 金麒麟色 --><color name="orchid">#da70d6</color><!-- 淡紫色 --><color name="thistle">#d8bfd8</color><!-- 蓟色 --><color name="lightgray">#d3d3d3</color><!-- 亮灰色 --><color name="lightgrey">#d3d3d3</color><!-- 亮灰色 --><color name="tan">#d2b48c</color><!-- 茶色 --><color name="chocolate">#d2691e</color><!-- 巧可力色 --><color name="peru">#cd853f</color><!-- 秘鲁色 --><color name="indianred">#cd5c5c</color><!-- 印第安红 --><color name="mediumvioletred">#c71585</color><!-- 中紫罗兰色 --><color name="silver">#c0c0c0</color><!-- 银色 --><color name="darkkhaki">#bdb76b</color><!-- 暗黄褐色 --><color name="rosybrown">#bc8f8f</color><!-- 褐玫瑰红 --><color name="mediumorchid">#ba55d3</color><!-- 中粉紫色 --><color name="darkgoldenrod">#b8860b</color><!-- 暗金黄色 --><color name="firebrick">#b22222</color><!-- 火砖色 --><color name="powderblue">#b0e0e6</color><!-- 粉蓝色 --><color name="lightsteelblue">#b0c4de</color><!-- 亮钢兰色 --><color name="paleturquoise">#afeeee</color><!-- 苍宝石绿 --><color name="greenyellow">#adff2f</color><!-- 黄绿色 --><color name="lightblue">#add8e6</color><!-- 亮蓝色 --><color name="darkgray">#a9a9a9</color><!-- 暗灰色 --><color name="darkgrey">#a9a9a9</color><!-- 暗灰色 --><color name="brown">#a52a2a</color><!-- 褐色 --><color name="sienna">#a0522d</color><!-- 赭色 --><color name="darkorchid">#9932cc</color><!-- 暗紫色 --><color name="palegreen">#98fb98</color><!-- 苍绿色 --><color name="darkviolet">#9400d3</color><!-- 暗紫罗兰色 --><color name="mediumpurple">#9370db</color><!-- 中紫色 --><color name="lightgreen">#90ee90</color><!-- 亮绿色 --><color name="darkseagreen">#8fbc8f</color><!-- 暗海兰色 --><color name="saddlebrown">#8b4513</color><!-- 重褐色 --><color name="darkmagenta">#8b008b</color><!-- 暗洋红 --><color name="darkred">#8b0000</color><!-- 暗红色 --><color name="blueviolet">#8a2be2</color><!-- 紫罗兰蓝色 --><color name="lightskyblue">#87cefa</color><!-- 亮天蓝色 --><color name="skyblue">#87ceeb</color><!-- 天蓝色 --><color name="gray">#808080</color><!-- 灰色 --><color name="grey">#808080</color><!-- 灰色 --><color name="olive">#808000</color><!-- 橄榄色 --><color name="purple">#800080</color><!-- 紫色 --><color name="maroon">#800000</color><!-- 粟色 --><color name="aquamarine">#7fffd4</color><!-- 碧绿色 --><color name="chartreuse">#7fff00</color><!-- 黄绿色 --><color name="lawngreen">#7cfc00</color><!-- 草绿色 --><color name="mediumslateblue">#7b68ee</color><!-- 中暗蓝色 --><color name="lightslategray">#778899</color><!-- 亮蓝灰 --><color name="lightslategrey">#778899</color><!-- 亮蓝灰 --><color name="slategray">#708090</color><!-- 灰石色 --><color name="slategrey">#708090</color><!-- 灰石色 --><color name="olivedrab">#6b8e23</color><!-- 深绿褐色 --><color name="slateblue">#6a5acd</color><!-- 石蓝色 --><color name="dimgray">#696969</color><!-- 暗灰色 --><color name="dimgrey">#696969</color><!-- 暗灰色 --><color name="mediumaquamarine">#66cdaa</color><!-- 中绿色 --><color name="cornflowerblue">#6495ed</color><!-- 菊兰色 --><color name="cadetblue">#5f9ea0</color><!-- 军兰色 --><color name="darkolivegreen">#556b2f</color><!-- 暗橄榄绿 --><color name="indigo">#4b0082</color><!-- 靛青色 --><color name="mediumturquoise">#48d1cc</color><!-- 中绿宝石 --><color name="darkslateblue">#483d8b</color><!-- 暗灰蓝色 --><color name="steelblue">#4682b4</color><!-- 钢兰色 --><color name="royalblue">#4169e1</color><!-- 皇家蓝 --><color name="turquoise">#40e0d0</color><!-- 青绿色 --><color name="mediumseagreen">#3cb371</color><!-- 中海蓝 --><color name="limegreen">#32cd32</color><!-- 橙绿色 --><color name="darkslategray">#2f4f4f</color><!-- 暗瓦灰色 --><color name="darkslategrey">#2f4f4f</color><!-- 暗瓦灰色 --><color name="seagreen">#2e8b57</color><!-- 海绿色 --><color name="forestgreen">#228b22</color><!-- 森林绿 --><color name="lightseagreen">#20b2aa</color><!-- 亮海蓝色 --><color name="dodgerblue">#1e90ff</color><!-- 闪兰色 --><color name="midnightblue">#191970</color><!-- 中灰兰色 --><color name="aqua">#00ffff</color><!-- 浅绿色 --><color name="cyan">#00ffff</color><!-- 青色 --><color name="springgreen">#00ff7f</color><!-- 春绿色 --><color name="lime">#00ff00</color><!-- 酸橙色 --><color name="mediumspringgreen">#00fa9a</color><!-- 中春绿色 --><color name="darkturquoise">#00ced1</color><!-- 暗宝石绿 --><color name="deepskyblue">#00bfff</color><!-- 深天蓝色 --><color name="darkcyan">#008b8b</color><!-- 暗青色 --><color name="teal">#008080</color><!-- 水鸭色 --><color name="green">#008000</color><!-- 绿色 --><color name="darkgreen">#006400</color><!-- 暗绿色 --><color name="blue">#0000ff</color><!-- 蓝色 --><color name="mediumblue">#0000cd</color><!-- 中兰色 --><color name="darkblue">#00008b</color><!-- 暗蓝色 --><color name="navy">#000080</color><!-- 海军色 --><color name="black">#000000</color><!-- 黑色 --><color name="transparent">#0000</color><!-- 透明 --><color name="transparent2">#8000</color><!-- 透明 --><color name="style_red">#ff4c41</color><color name="style_divider_color">#C9C7CD</color><!-- common --><color name="c0">#ff000000</color><color name="c1">#D9000000</color><color name="c2">#8C000000</color><color name="c3">#66000000</color><color name="c4">#1A000000</color><color name="c5">#C34A42</color><color name="c6">#FF9800</color><color name="c7">#009734</color><color name="c8">#46AE36</color><color name="c9">#47B000</color><color name="c10">#007AFF</color><color name="c11">#1194F6</color><color name="c12">#9D1BB2</color><color name="transparent">#00000000</color><color name="transparent05">#0B000000</color><color name="transparent10">#1A000000</color><color name="transparent20">#33000000</color><color name="transparent30">#4D000000</color><color name="transparent40">#66000000</color><color name="transparent50">#80000000</color><color name="transparent60">#9A000000</color><color name="transparent70">#B3000000</color><color name="transparent80">#CC000000</color><color name="transparent90">#E5000000</color><color name="transparent100">#FF000000</color><color name="transparent_white">#00ffffff</color><color name="transparent10_white">#1Affffff</color><color name="transparent20_white">#33ffffff</color><color name="transparent30_white">#4Dffffff</color><color name="transparent40_white">#66ffffff</color><color name="transparent50_white">#80ffffff</color><color name="transparent60_white">#9Affffff</color><color name="transparent70_white">#B3ffffff</color><color name="transparent80_white">#CCffffff</color><color name="transparent90_white">#E5ffffff</color><color name="transparent100_white">#FFffffff</color><color name="placeholder_color">#1A000000</color><color name="white">#FFFFFF</color>  <!-- 白色 --><color name="yellow">#fbc02d</color> <!-- 黄色 --><color name="gold">#FFD700</color>   <!-- 金色 --><color name="orange">#f57c00</color> <!-- 橙色 --><color name="red">#d01716</color>    <!-- 红色 --><color name="gray">#808080</color>   <!-- 灰色 --><color name="green">#0a7e07</color>  <!-- 绿色 --><color name="blue">#455ede</color>   <!-- 蓝色 --><color name="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'//glide411
compile 'com.github.chrisbanes:PhotoView:2.1.3'
compile project(':glide411library')//largeimage
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"compile 'com.shizhefei:LargeImageView:1.0.9'
compile 'com.github.HotBitmapGG:RingProgressBar:V1.2.2'

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

SingleImageActivity：（预览图Activity）

package com.example.shining.p041_glide411.glidedemo411.image;import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.ActivityCompat;
import android.support.v7.app.AppCompatActivity;
import android.text.TextUtils;
import android.util.Log;
import android.view.View;
import android.widget.Toast;import com.bumptech.glide.Glide;
import com.bumptech.glide.load.engine.DiskCacheStrategy;
import com.bumptech.glide.load.engine.GlideException;
import com.bumptech.glide.load.resource.drawable.DrawableTransitionOptions;
import com.bumptech.glide.request.RequestOptions;
import com.example.shining.glide411library.progress.CircleProgressView;
import com.example.shining.glide411library.progress.OnGlideImageViewListener;
import com.example.shining.glide411library.view.GlideImageLoader;
import com.example.shining.glide411library.view.GlideImageView;
import com.example.shining.p041_glide411.R;import java.util.Random;public class SingleImageActivity extends AppCompatActivity {GlideImageView glideImageView;CircleProgressView progressView;CircleProgressView progressView1;CircleProgressView progressView2;CircleProgressView progressView3;View maskView;public static final String KEY_IMAGE_URL = "image_url";public static final String KEY_IMAGE_URL_THUMBNAIL = "image_url_thumbnail";String image_url;String image_url_thumbnail;@Overrideprotected void onCreate(@Nullable Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main_glide411_image);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);image_url = getIntent().getStringExtra(KEY_IMAGE_URL);image_url_thumbnail = getIntent().getStringExtra(KEY_IMAGE_URL_THUMBNAIL);initProgressView();loadImage();}private void initProgressView() {
//        MainActivityGlide.isLoadAgain = new Random().nextInt(3) == 1;int randomNum = new Random().nextInt(3);switch (randomNum) {case 1:progressView = progressView2;break;case 2:progressView = progressView3;break;case 0:default:progressView = progressView1;break;}progressView1.setVisibility(View.GONE);progressView2.setVisibility(View.GONE);progressView3.setVisibility(View.GONE);progressView.setVisibility(View.VISIBLE);}private void loadImage() {glideImageView.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {ActivityCompat.finishAfterTransition(SingleImageActivity.this);}});RequestOptions requestOptions = glideImageView.requestOptions(R.color.black).centerCrop();RequestOptions requestOptionsWithoutCache = glideImageView.requestOptions(R.color.black).centerCrop().skipMemoryCache(true).diskCacheStrategy(DiskCacheStrategy.NONE);GlideImageLoader imageLoader = glideImageView.getImageLoader();imageLoader.setOnGlideImageViewListener(image_url, new OnGlideImageViewListener() {@Overridepublic void onProgress(int percent, boolean isDone, GlideException exception) {if (exception != null && !TextUtils.isEmpty(exception.getMessage())) {Toast.makeText(getApplicationContext(), exception.getMessage(), Toast.LENGTH_LONG).show();}progressView.setProgress(percent);Log.d("--->imageLoader", "percent: " + percent + " isDone: " + isDone);progressView.setVisibility(isDone ? View.GONE : View.VISIBLE);maskView.setVisibility(isDone ? View.GONE : View.VISIBLE);}});imageLoader.requestBuilder(image_url, requestOptionsWithoutCache).thumbnail(Glide.with(SingleImageActivity.this).load(image_url_thumbnail).apply(requestOptions)).transition(DrawableTransitionOptions.withCrossFade()).into(glideImageView);}
}

MainActivityGlide：（411demo Activity）

package com.example.shining.p041_glide411.glidedemo411;import android.content.Intent;
import android.os.Bundle;
import android.support.v4.app.ActivityCompat;
import android.support.v4.app.ActivityOptionsCompat;
import android.support.v7.app.AppCompatActivity;
import android.text.TextUtils;
import android.util.Log;
import android.view.View;
import android.widget.Toast;import com.bumptech.glide.load.engine.DiskCacheStrategy;
import com.bumptech.glide.load.engine.GlideException;
import com.bumptech.glide.load.resource.drawable.DrawableTransitionOptions;
import com.bumptech.glide.request.RequestOptions;
import com.example.shining.glide411library.progress.CircleProgressView;
import com.example.shining.glide411library.progress.OnGlideImageViewListener;
import com.example.shining.glide411library.progress.OnProgressListener;
import com.example.shining.glide411library.view.GlideImageLoader;
import com.example.shining.glide411library.view.GlideImageView;
import com.example.shining.glide411library.view.ShapeImageView;
import com.example.shining.p041_glide411.R;
import com.example.shining.p041_glide411.glidedemo411.image.SingleImageActivity;import java.util.Random;import static com.example.shining.p041_glide411.glidedemo411.image.SingleImageActivity.KEY_IMAGE_URL;
import static com.example.shining.p041_glide411.glidedemo411.image.SingleImageActivity.KEY_IMAGE_URL_THUMBNAIL;public class MainActivityGlide extends AppCompatActivity {private GlideImageView image11;private GlideImageView image12;private GlideImageView image13;private GlideImageView image14;private String url1 = "https://s3.51cto.com/wyfs02/M01/89/BA/wKioL1ga-u7QnnVnAAAfrCiGnBQ946_middle.jpg";private GlideImageView image21;private GlideImageView image22;private GlideImageView image23;private GlideImageView image24;private GlideImageView image31;private GlideImageView image32;private GlideImageView image33;private GlideImageView image34;private String gif1 = "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1505394298896&di=98e0e804231a282ef80360e94fa7dca6&imgtype=0&src=http%3A%2F%2Fimg.qqai.net%2Fuploads%2Fi_3_2854471891x1596414192_21.jpg";private GlideImageView image41;private CircleProgressView progressView1;private String image41BigUrl = "https://raw.githubusercontent.com/geeklx/MyApplication/master/p040_glide4.0/screenshot/1232.png";private String image41SmallUrl = "https://raw.githubusercontent.com/geeklx/MyApplication/master/p040_glide4.0/screenshot/1231.png";private GlideImageView image42;private CircleProgressView progressView2;private String image42BigUrl = "https://raw.githubusercontent.com/geeklx/MyApplication/master/p040_glide4.0/screenshot/1234.png";private String image42SmallUrl = "https://raw.githubusercontent.com/geeklx/MyApplication/master/p040_glide4.0/screenshot/1233.png";public static boolean isLoadAgain = false; // Just for fun when loading images!@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main_glide411);//Glidefindview();isLoadAgain = new Random().nextInt(3) == 1;line1();line2();line3();line41();line42();}private void findview() {image11 = (GlideImageView) findViewById(R.id.image11);image12 = (GlideImageView) findViewById(R.id.image12);image13 = (GlideImageView) findViewById(R.id.image13);image14 = (GlideImageView) findViewById(R.id.image14);image21 = (GlideImageView) findViewById(R.id.image21);image22 = (GlideImageView) findViewById(R.id.image22);image23 = (GlideImageView) findViewById(R.id.image23);image24 = (GlideImageView) findViewById(R.id.image24);image31 = (GlideImageView) findViewById(R.id.image31);image32 = (GlideImageView) findViewById(R.id.image32);image33 = (GlideImageView) findViewById(R.id.image33);image34 = (GlideImageView) findViewById(R.id.image34);image41 = (GlideImageView) findViewById(R.id.image41);progressView1 = (CircleProgressView) findViewById(R.id.progressView1);image42 = (GlideImageView) findViewById(R.id.image42);progressView2 = (CircleProgressView) findViewById(R.id.progressView2);}private void line41() {image41.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {Intent intent = new Intent(MainActivityGlide.this, SingleImageActivity.class);intent.putExtra(KEY_IMAGE_URL, image41BigUrl);intent.putExtra(KEY_IMAGE_URL_THUMBNAIL, image41SmallUrl);ActivityOptionsCompat compat = ActivityOptionsCompat.makeSceneTransitionAnimation(MainActivityGlide.this, image41, getString(R.string.transitional_image));ActivityCompat.startActivity(MainActivityGlide.this, intent, compat.toBundle());}});RequestOptions requestOptions = image41.requestOptions(R.color.placeholder_color).centerCrop();if (isLoadAgain) {requestOptions.diskCacheStrategy(DiskCacheStrategy.NONE).skipMemoryCache(true);}// 第一种方式加载image41.load(image41SmallUrl, requestOptions).listener(new OnGlideImageViewListener() {@Overridepublic void onProgress(int percent, boolean isDone, GlideException exception) {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);}});}private void line42() {image42.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {Intent intent = new Intent(MainActivityGlide.this, SingleImageActivity.class);intent.putExtra(KEY_IMAGE_URL, image42BigUrl);intent.putExtra(KEY_IMAGE_URL_THUMBNAIL, image42BigUrl);ActivityOptionsCompat compat = ActivityOptionsCompat.makeSceneTransitionAnimation(MainActivityGlide.this, image42, getString(R.string.transitional_image));ActivityCompat.startActivity(MainActivityGlide.this, intent, compat.toBundle());}});RequestOptions requestOptions = image42.requestOptions(R.color.placeholder_color).centerCrop();if (isLoadAgain) {requestOptions.diskCacheStrategy(DiskCacheStrategy.NONE).skipMemoryCache(true);}// 第二种方式加载：可以解锁更多功能GlideImageLoader imageLoader = image42.getImageLoader();imageLoader.setOnGlideImageViewListener(image42SmallUrl, new OnGlideImageViewListener() {@Overridepublic void onProgress(int percent, boolean isDone, GlideException exception) {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);}});imageLoader.requestBuilder(image42SmallUrl, requestOptions).transition(DrawableTransitionOptions.withCrossFade()).into(image42);}private void line3() {image31.loadLocalImage(R.drawable.gif_robot_walk, R.drawable.ic_def_loading);image32.loadCircleImage(gif1, R.mipmap.ic_launcher).listener(new OnGlideImageViewListener() {@Overridepublic void onProgress(int percent, boolean isDone, GlideException exception) {Log.d("--->image32", "percent: " + percent + " isDone: " + isDone);}});image33.loadImage(gif1, R.drawable.ic_def_loading);image34.loadImage(gif1, R.drawable.ic_def_loading);}private void line2() {image21.loadImage(url1, R.drawable.ic_def_loading);image22.loadImage("", R.drawable.ic_def_loading);image23.loadImage(url1, R.color.placeholder_color);image24.loadImage(url1, R.color.placeholder_color);}private void line1() {image11.loadImage(url1, R.color.black).listener(new OnProgressListener() {@Overridepublic void onProgress(String imageUrl, long bytesRead, long totalBytes, boolean isDone, GlideException exception) {Log.d("--->image11", "bytesRead: " + bytesRead + " totalBytes: " + totalBytes + " isDone: " + isDone);}});image12.setShapeType(ShapeImageView.ShapeType.CIRCLE);image12.setBorderWidth(3);image12.setBorderColor(R.color.transparent20);image12.loadCircleImage(url1, R.color.black);image12.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {Toast.makeText(MainActivityGlide.this, "image12", Toast.LENGTH_SHORT).show();}});image13.setShapeType(ShapeImageView.ShapeType.RECTANGLE);image13.setRadius(15);image13.setBorderWidth(3);image13.setBorderColor(R.color.blue);image13.setPressedAlpha(0.3f);image13.setPressedColor(R.color.blue);image13.loadImage(url1, R.color.placeholder_color);image14.setShapeType(ShapeImageView.ShapeType.CIRCLE);image14.setBorderWidth(3);image14.setBorderColor(R.color.blue);image14.setPressedAlpha(0.2f);image14.setPressedColor(R.color.black);image14.loadImage(url1, R.color.placeholder_color);}}

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

LargeImageViewTarget：

package com.example.shining.p041_glide411.largeimage.glide411;import android.graphics.drawable.Drawable;
import android.view.View;import com.bumptech.glide.request.transition.Transition;
import com.bumptech.glide.request.target.ViewTarget;
import com.shizhefei.view.largeimage.ILargeImageView;
import com.shizhefei.view.largeimage.factory.FileBitmapDecoderFactory;import java.io.File;/*** A base {@link com.bumptech.glide.request.target.Target} for displaying resources in* {@link android.widget.ImageView}s.** @param <Z> The type of resource that this target will display in the wrapped {@link android.widget.ImageView}.*/
public class LargeImageViewTarget extends ViewTarget<View, File>{private ILargeImageView largeImageView;public <V extends View & ILargeImageView> LargeImageViewTarget(V view) {super(view);this.largeImageView = view;}/*** Sets the given {@link Drawable} on the view using* {@link android.widget.ImageView#setImageDrawable(Drawable)}.** @param placeholder {@inheritDoc}*/@Overridepublic void onLoadStarted(Drawable placeholder) {largeImageView.setImageDrawable(placeholder);}/*** Sets the given {@link Drawable} on the view using* {@link android.widget.ImageView#setImageDrawable(Drawable)}.** @param errorDrawable {@inheritDoc}*/@Overridepublic void onLoadFailed(Drawable errorDrawable) {largeImageView.setImageDrawable(errorDrawable);}@Overridepublic void onResourceReady(File resource, Transition<? super File> glideAnimation) {largeImageView.setImage(new FileBitmapDecoderFactory(resource));}/*** Sets the given {@link Drawable} on the view using* {@link android.widget.ImageView#setImageDrawable(Drawable)}.** @param placeholder {@inheritDoc}*/@Overridepublic void onLoadCleared(Drawable placeholder) {largeImageView.setImageDrawable(placeholder);}
}

OkHttpProgressGlideModule：

package com.example.shining.p041_glide411.largeimage.glide411;import android.content.Context;
import android.os.Handler;
import android.os.Looper;import com.bumptech.glide.Glide;
import com.bumptech.glide.GlideBuilder;
import com.bumptech.glide.Registry;
import com.bumptech.glide.integration.okhttp3.OkHttpUrlLoader;
import com.bumptech.glide.load.model.GlideUrl;
import com.bumptech.glide.module.AppGlideModule;import java.io.IOException;
import java.io.InputStream;
import java.util.Map;
import java.util.concurrent.ConcurrentHashMap;import okhttp3.HttpUrl;
import okhttp3.Interceptor;
import okhttp3.MediaType;
import okhttp3.OkHttpClient;
import okhttp3.Request;
import okhttp3.Response;
import okhttp3.ResponseBody;
import okio.Buffer;
import okio.BufferedSource;
import okio.ForwardingSource;
import okio.Okio;
import okio.Source;// TODO add <meta-data android:value="GlideModule" android:name="....OkHttpProgressGlideModule" />
// TODO add <meta-data android:value="GlideModule" tools:node="remove" android:name="com.bumptech.glide.integration.okhttp.OkHttpGlideModule" />
// or not use 'okhttp@aar' in Gradle depdendencies
public class OkHttpProgressGlideModule extends AppGlideModule {@Overridepublic void applyOptions(Context context, GlideBuilder builder) {}@Overridepublic void registerComponents(Context context, Glide glide, Registry registry) {super.registerComponents(context, glide, registry);OkHttpClient.Builder builder = new OkHttpClient.Builder();builder.networkInterceptors().add(createInterceptor(new DispatchingProgressListener()));glide.getRegistry().append(GlideUrl.class, InputStream.class, new OkHttpUrlLoader.Factory(builder.build()));
//        glide.register(GlideUrl.class, InputStream.class, new OkHttpUrlLoader.Factory(builder.build()));}private static Interceptor createInterceptor(final ResponseProgressListener listener) {return new Interceptor() {@Overridepublic Response intercept(Chain chain) throws IOException {Request request = chain.request();Response response = chain.proceed(request);return response.newBuilder().body(new OkHttpProgre***esponseBody(request.url(), response.body(), listener)).build();}};}public interface UIProgressListener {void onProgress(long bytesRead, long expectedLength);/*** Control how often the listener needs an update. 0% and 100% will always be dispatched.** @return in percentage (0.2 = call {@link #onProgress} around every 0.2 percent of progress)*/float getGranualityPercentage();}public static void forget(String url) {DispatchingProgressListener.forget(url);}public static void expect(String url, UIProgressListener listener) {DispatchingProgressListener.expect(url, listener);}private interface ResponseProgressListener {void update(HttpUrl url, long bytesRead, long contentLength);}private static class DispatchingProgressListener implements ResponseProgressListener {private static final Map<String, UIProgressListener> LISTENERS = new ConcurrentHashMap<>();private static final Map<String, Long> PROGRESSES = new ConcurrentHashMap<>();private final Handler handler;DispatchingProgressListener() {this.handler = new Handler(Looper.getMainLooper());}static void forget(String url) {LISTENERS.remove(url);PROGRESSES.remove(url);}static void expect(String url, UIProgressListener listener) {LISTENERS.put(url, listener);}@Overridepublic void update(HttpUrl url, final long bytesRead, final long contentLength) {//System.out.printf("%s: %d/%d = %.2f%%%n", url, bytesRead, contentLength, (100f * bytesRead) / contentLength);String key = url.toString();final UIProgressListener listener = LISTENERS.get(key);if (listener == null) {return;}//长度是错误的移除监听if (contentLength <= bytesRead) {forget(key);}if (needsDispatch(key, bytesRead, contentLength, listener.getGranualityPercentage())) {handler.post(new Runnable() {@Overridepublic void run() {listener.onProgress(bytesRead, contentLength);}});}}private boolean needsDispatch(String key, long current, long total, float granularity) {if (granularity == 0 || current == 0 || total == current) {return true;}float percent = 100f * current / total;long currentProgress = (long) (percent / granularity);Long lastProgress = PROGRESSES.get(key);if (lastProgress == null || currentProgress != lastProgress) {PROGRESSES.put(key, currentProgress);return true;} else {return false;}}}private static class OkHttpProgre***esponseBody extends ResponseBody {private final HttpUrl url;private final ResponseBody responseBody;private final ResponseProgressListener progressListener;private BufferedSource bufferedSource;OkHttpProgre***esponseBody(HttpUrl url, ResponseBody responseBody,ResponseProgressListener progressListener) {this.url = url;this.responseBody = responseBody;this.progressListener = progressListener;}@Overridepublic MediaType contentType() {return responseBody.contentType();}@Overridepublic long contentLength() {return responseBody.contentLength();}@Overridepublic BufferedSource source() {if (bufferedSource == null) {bufferedSource = Okio.buffer(source(responseBody.source()));}return bufferedSource;}private Source source(Source source) {return new ForwardingSource(source) {long totalBytesRead = 0L;@Overridepublic long read(Buffer sink, long byteCount) throws IOException {long bytesRead = super.read(sink, byteCount);long fullLength = responseBody.contentLength();if (bytesRead == -1) { // this source is exhaustedtotalBytesRead = fullLength;} else {totalBytesRead += bytesRead;}progressListener.update(url, totalBytesRead, fullLength);return bytesRead;}};}}
}

ProgressTarget：

package com.example.shining.p041_glide411.largeimage.glide411;import android.graphics.drawable.Drawable;import com.bumptech.glide.Glide;
import com.bumptech.glide.request.target.Target;
import com.bumptech.glide.request.transition.Transition;
import com.example.shining.p041_glide411.application.DemoApplication;public abstract class ProgressTarget<T, Z> extends WrappingTarget<Z> implements OkHttpProgressGlideModule.UIProgressListener {private T model;private boolean ignoreProgress = true;public ProgressTarget(T model, Target<Z> target) {super(target);this.model = model;}public final T getModel() {return model;}public final void setModel(T model) {
//        Glide.clear(this); // indirectly calls cleanupGlide.with(DemoApplication.mContext).clear(this);this.model = model;}/*** Convert a model into an Url string that is used to match up the OkHttp requests. For explicit* {@link com.bumptech.glide.load.model.GlideUrl GlideUrl} loads this needs to return* {@link com.bumptech.glide.load.model.GlideUrl#toStringUrl toStringUrl}. For custom models do the same as your* {@link com.bumptech.glide.load.model.stream.BaseGlideUrlLoader BaseGlideUrlLoader} does.** @param model return the representation of the given model, DO NOT use {@link #getModel()} inside this method.* @return a stable Url representation of the model, otherwise the progress reporting won't work*/protected String toUrlString(T model) {return String.valueOf(model);}@Overridepublic float getGranualityPercentage() {return 1.0f;}private void start() {OkHttpProgressGlideModule.expect(toUrlString(model), this);ignoreProgress = false;}private void cleanup() {ignoreProgress = true;T model = this.model; // save in case it gets modifiedOkHttpProgressGlideModule.forget(toUrlString(model));this.model = null;}@Overridepublic void onLoadStarted(Drawable placeholder) {super.onLoadStarted(placeholder);start();}@Overridepublic void onResourceReady(Z resource, Transition<? super Z> animation) {cleanup();super.onResourceReady(resource, animation);}@Overridepublic void onLoadFailed(Drawable errorDrawable) {cleanup();super.onLoadFailed(errorDrawable);}@Overridepublic void onLoadCleared(Drawable placeholder) {cleanup();super.onLoadCleared(placeholder);}
}

WrappingTarget：

package com.example.shining.p041_glide411.largeimage.glide411;import android.graphics.drawable.Drawable;
import android.support.annotation.Nullable;import com.bumptech.glide.request.Request;
import com.bumptech.glide.request.target.SizeReadyCallback;
import com.bumptech.glide.request.target.Target;
import com.bumptech.glide.request.transition.Transition;public class WrappingTarget<Z> implements Target<Z> {protected final Target<Z> target;public WrappingTarget(Target<Z> target) {this.target = target;}@Overridepublic void getSize(SizeReadyCallback cb) {if (target != null)target.getSize(cb);}@Overridepublic void removeCallback(SizeReadyCallback cb) {}@Overridepublic void onLoadStarted(Drawable placeholder) {if (target != null)target.onLoadStarted(placeholder);}@Overridepublic void onLoadFailed(@Nullable Drawable errorDrawable) {if (target != null)target.onLoadFailed(errorDrawable);}@Overridepublic void onResourceReady(Z resource, Transition<? super Z> glideAnimation) {if (target != null)target.onResourceReady(resource, glideAnimation);}@Overridepublic void onLoadCleared(Drawable placeholder) {if (target != null) target.onLoadCleared(placeholder);}private Request request;@Overridepublic Request getRequest() {return request;}@Overridepublic void setRequest(Request request) {this.request = request;if (target != null)target.setRequest(request);}@Overridepublic void onStart() {if (target != null)target.onStart();}@Overridepublic void onStop() {if (target != null)target.onStop();}@Overridepublic void onDestroy() {if (target != null) target.onDestroy();}
}

权限别忘了：

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

效果如下图：

图1：

图2：

图3：

图4：

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

附：

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

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图片加载地址：

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

Android Studio 第五十四期 - 超级巨图Glide3.7和Glide4.1.1优化加载方案相关推荐

Android Studio第三十四期 - git企业级应用命令
1.git status 2.git add -A 3.git commit -m "merger" 4.git pull 5.git push origin master 6.g ...
【eoe Android特刊】第二十四期Android WebView
一.Android WebView是什么 1.1Aandroid WebView一些基本概念在android手机中内置了一款高性能webkit内核浏览器,在SDK中封装为一个叫做WebView组件. ...
【聚划算 Android 技术周刊第十四期- 20161126】
我们是聚划算无线Android团队,目前负责聚划算客户端.手淘天猫聚划算插件.淘抢购插件.俪人购客户端等,欢迎交流同时欢迎优秀的人才转岗或者加盟 --- 好冷!!! [热点资讯] DevFest 20 ...
Android Studio 第五十期 - 自定义TabLayout
代码已经整理好,效果如下图: code1: <com.ui.widget.UnAnimTabLayoutandroid:id="@+id/tab"android:layout ...
第五十四期:MongoDB与MySQL：如何选择
MongoDB和MySQL分别是领先的开源NoSQL和关系数据库.哪个最适合您的应用程序? 作者:XEyes行走的CODE来源 MongoDB和MySQL分别是领先的开源NoSQL和关系数据库.哪个最 ...
第五十四期:Libra盟友纷纷“跳船”，联盟链还有戏吗？
曾经被诺贝尔奖得主斯蒂格利茨评价为"傻子才信"的Facebook数字加密货币项目Libra,自从出世开始就负面不断.最近在其首届理事会议前夕,PayPal.Visa.万事达.Str ...
Android Studio 第五十一期 - 自定义RecycleView Gallery
代码已经整理好,效果如下图:(支持Verical Horizontal 支持自定义放大位置支持滚动速度) 图片1: 图片2: 地址: https://github.com/geeklx/MyAppl ...
Gradle 1.12用户指南翻译——第五十四章. 构建原生二进制文件
其他章节的翻译请参见: http://blog.csdn.net/column/details/gradle-translation.html 翻译项目请关注Github上的地址: https://g ...
智能化软件开发微访谈·第二十四期大模型时代的智能化软件生态（讨论汇编）...
CodeWisdom "智能化软件开发沙龙是由CodeWisdom团队组织的围绕智能化软件开发.数据驱动的软件开发质量与效能分析.云原生与智能化运维等相关话题开展的线上沙龙,通过微信群访谈交 ...

Android Studio 第五十四期 - 超级巨图Glide3.7和Glide4.1.1优化加载方案

Android Studio 第五十四期 - 超级巨图Glide3.7和Glide4.1.1优化加载方案相关推荐

最新文章

热门文章