Android常用图片库：Glide、Fresco
- 图片库比较
Fresco：Facebook出品，
功能强大，使用较复杂，对图片的转换不好处理，占用内存较低，能有效避免图片OOM。体积偏大
Glide和Picasso用法类似，Glide更流畅速度更快，功能更强大，但库相比Picasso更大，方法数更多。细节可参考 http://blog.csdn.net/richiezhu/article/details/46968569
- 今天来学习下Glide (3.7.0版Glide)
第一步：怎么用？关键三步走：先with()，再load()，最后into()。熟记这三步，你就已经入门Glide了
// with()可接收Context、Activity 或 Fragment参数，也可传入全局Application
// 传入实例会决定Glide加载图片的生命周期，若传入的是Activity或Fragment实例
// 那么当这个Activity或Fragment被销毁时，图片加载也会停止。
// 若传入的是Application，那么只有当应用程序被杀掉的时候，图片加载才会停止
Glide.with(mContext)
// Glide支持加载各种图片资源，包括网络图片、本地图片、应用资源、二进制流、Uri对象等等
.load(url)
// 禁用内存缓存
.skipMemoryCache(true)
// Glide可自动判断加载Bitmap或gif。
// .asBitmap()
.asGif()
.placeholder(R.drawable.loading_spinner)
// 图片加载失败占位图
.error(R.drawable.net_error)
// 禁用缓存
.diskCacheStrategy(DiskCacheStrategy.NONE)
// 调用crossFade方法在加载图片的过程中会有动画效果，体验更好
.crossFade()
.into(mTargetView);
// 加载本地图片
File file = new File(getExternalCacheDir() + "/image.jpg");
Glide.with(this).load(file).into(imageView);
// 加载应用资源
int resource = R.drawable.image;
Glide.with(this).load(resource).into(imageView);
// 加载二进制流
byte[] image = getImageBytes();
Glide.with(this).load(image).into(imageView);
// 加载Uri对象
Uri imageUri = getImageUri();
Glide.with(this).load(imageUri).into(imageView);
第二步：还是怎么用？如何自定义Target（ViewTarget和SimpleTarget）
SimpleTarget<GlideDrawable> simpleTarget = new SimpleTarget<GlideDrawable>() {
@Override
public void onResourceReady(GlideDrawable resource, GlideAnimation glideAnimation) {
// TODO
}
};
public void loadImage(View view) {
Glide.with(this)
.load(url)
.into(simpleTarget);
}
第三步：还是怎么用？Glide回调与监听（例如：当下载图片单独处理处理时）
Glide.with(this)
.load(url)
.listener(new RequestListener<String, GlideDrawable>() {
@Override
public boolean onException(Exception e, String model, Target<GlideDrawable> target,
boolean isFirstResource) {
return false;
}
@Override
public boolean onResourceReady(GlideDrawable resource, String model,
Target<GlideDrawable> target, boolean isFromMemoryCache, boolean isFirstResource) {
return false;
}
})
.into(imageView);
第四步：如何展示下载后处理成圆角，圆形，模糊等图片
Glide.with(this)
.load(url)
.transform(...)
.into(imageView);
这里附上一个图片变换库：https://github.com/wasabeef/glide-transformations
第五步：如何自定义Glide相关配置，以及替换网络请求库
public class MyGlideModule implements GlideModule {
@Override
public void applyOptions(Context context, GlideBuilder builder) {
// 这是自定义图片缓存位置
builder.setDiskCache(new ExternalCacheDiskCacheFactory(context));
}
@Override
public void registerComponents(Context context, Glide glide) {
}
}
// 最后在AndroidManifest.xml文件里面添加
<meta-data
android:name="com.yourpackagename.MyGlideMoudle"
android:value="GlideModule" />
老规矩，参考链接：https://blog.csdn.net/guolin_blog/article/details/78179422
第六步：Glide如何实现带进度条的效果
参考链接：https://blog.csdn.net/guolin_blog/article/details/78357251
第七步：了解Glide的一些原理和细节
- Glide如何在当前页面退出时，中止当前页面图片下载的？
答案是通过在当前页面创建一个隐藏的Fragment来获知页面是否退出的
- Glide缓存有几种策略？
内存缓存外加磁盘缓存
- Glide如何预加载图片
Glide.with(this)
.load(url)
.diskCacheStrategy(DiskCacheStrategy.SOURCE)
.preload();
第八步：使用踩过的坑
- Glide可以加载图片和gif动画，如果想将gif加载为一张静态图片，可以调用。asBitmap()
- 当列表在滑动的时候，调用pauseRequests()取消请求，滑动停止时，调用resumeRequests()恢复请求。当你想清除掉所有的图片加载请求时，可以调用Glide.clear()
- Glide有时加载不出来图片有可能是因为图片缓存机制的问题，可以调用.override(int, int)方法加载并缓存指定大小图片
- 使用Glide加载圆角图片使用方法如下
Glide.with(context)
.load(pe.img_url)
// 如果要实现更复杂的图片变换则要重写BitmapTransformation这个类，或者使用glide-transformations这个glide的增强库
// bitmapTransform方法传入的参数为BitmapTransformation的对象
// 实现自己的图片转换需要继承这个类，并重写它的transform方法
// 加载圆形的图片使用CropCircleTransformation这个类
// 在加载圆角图片的过程中，CropTransformation，使用这个类除了实现圆角图片之外，可以指定显示图片的部位，比如上半部分或者中间部分等
.bitmapTransform(new RoundTrans(context, 5))
.into(mTargetView);
- 如果使用了其他的一些自定义的圆形Imageview，而你又刚好设置了占位的话，那么可能出现有的图片第一次加载的时候只显示占位图，第二次才显示正常的图片
- 解决方案一: 不设置占位；
- 使用Glide的Transformation API自定义圆形Bitmap的转换。这里是一个已有的例子；http://stackoverflow.com/questions/25278821/how-do-rounded-image-with-glide-library
- 使用下面的代码加载图片：
Glide.with(mContext)
.load(url)
.placeholder(R.drawable.loading_spinner)
.into(new SimpleTarget<Bitmap>(width, height) {
@Override
public void onResourceReady(Bitmap bitmap, GlideAnimation anim) {
// setImageBitmap(bitmap) on CircleImageView
}
};
- 在使用Glide给imageview加载图片的过程用不能使用view的setTag方法，否则会出现问题，如果要使用最好使用setTag(int,object)方法
参考链接：
- https://blog.csdn.net/guolin_blog/article/details/53759439
- Glide的更详细的用法和介绍可以参考 http://mrfu.me/2016/02/27/Glide_Getting_Started/
- https://iwatching.github.io/blog/%E6%A1%86%E6%9E%B6/2018/05/12/frame4.html
- https://github.com/bumptech/glide
- https://blog.csdn.net/guolin_blog/article/details/78582548 (爱走捷径的直接看这篇足以)
