Glide里的一些坑

2019-11-09 15:44:58

字体：大中小

来源：转载

供稿：网友

最近在项目中使用了Glide作为图片加载的方法，这里整理了Glide的基本使用方法，以及在使用过程中可能遇到的问题的解决方案。使用Glide加载本地图片的缩略图的时候明显感觉速度非常快，以致原本打算在滚动时暂停加载的打算没有实施，因为加载速度跟滚动速度差不多。但在加载网络图片的部分总感觉加载速度不如之前使用的Universal-Image-Loader，当然没有精确的进行对比。图片质量低于Picasso，但一般的应用，至少我的项目是足够了。 MarkDown不太会用，因此格式可能不是太好。

导入Glide库

dependencies { compile 'com.github.bumptech.glide:glide:3.5.2' compile 'com.android.support:support-v4:22.0.0'}12341234

Glide的基本使用

Glide.with(context) .load(url) .placeholder(ResouceId) .error(ResouceId) .override(width, height) .into(imageview);123456123456

Glide的常用方式如上图所示。with()可以接受Context，包括Activity和Fragment，如果设置参数为Activity和Fragment，Glide图片加载会和Activity/Fragment的生命周期一致。例如，onPause()时暂停图片加载，onResume()时继续图片加载，onDestroy()时移除该Activity/Fragment发起的图片加载请求。因此，建议使用Activity和Fragment作为参数。

placeholder()设置占位图片，error设置加载错误图片，接收参数为资源文件的ID或者Drawable对象。 override()设置图片的大小，如果未设置则默认为目标ImageView的大小。

Glide加载图片的默认格式为RGB_565，如果对图片质量有更高的要求，可以实现GlideModule接口修改为RGB_8888。

public class MyGlideModule implements GlideModule { @Override public void applyOptions(Context context, GlideBuilder builder) { // Apply options to the builder here. builder.setDecodeFormat(DecodeFormat.PREFER_ARGB_8888); } @Override public void registerComponents(Context context, Glide glide) { // register ModelLoaders here. }}1234567891011121312345678910111213

使用自定义的GlideModule实现类时，需要在混淆文件中添加如下代码。

-keepnames class com.mypackage.MyGlideModule# or more generally:#-keep public class * implements com.bumptech.glide.module.GlideModule123123

最后，在AndroidManifest.xml中配置meta-data让Glide可以找到GlideModule实现类。

<manifest ...>  <application ...> <meta-data android:name="com.mypackage.MyGlideModule" android:value="GlideModule" />  </application></manifest>123456789123456789

Glide的磁盘缓存

Glide对需要下载的图片进行相应尺寸的缓存，当图片加载请求200*200时，则缓存一张200*200的缓存图片，如果再有同一张图片但要求是300*300的，Glide会重新下载并缓存一张300*300的缓存图片。如果不乐意，也可以使用如下方法。

Glide.with(context) .load(url) .diskCacheStrategy(DiskCacheStrategy.ALL) .into(imageview);12341234

这个方法强行要求Glide在缓存200*200的时候顺便缓存一张原图大小的图片。在遇到300*300的时候，就会使用全尺寸的图片去调整为300*300的图片进行显示，而不用重新下载。

Glide更厉害的地方

Glide可以加载Gif动画，但是传说会消耗很多内存。用法同加载普通图片。

Glide可以自动创建本地视频的缩略图。Glide可以解码Android支持的本地视频，并生成一张静态的图片。

Glide缩略图支持。可以对同一个imageview同时下载缩略图和原图，先加载缩略图，再加载原图。以原图1/10的缩略图为例。

Glide.with(yourFragment).load(yourUrl).thumbnail(0.1f).into(yourView)11

也可以使用缩略图地址发起的请求作为.thumbnail()的参数。

在ViewPager中实现先加载缩略图再加载原图的效果，可以在PagerAdapter的instantiateItem()方法中使用Glide加载缩略图，此时会加载当前页的缩略图和前后两页的缩略图，然后setPrimaryItem()中使用Glide加载原图时会出现闪一下的问题。可以通过以下代码进行解决。

            Glide.with(***Activity.this)                    .load(url)                    .placeholder(currentItem.getDrawable())                    .dontAnimate()                    .into(currentItem);Glide会出一些奇怪的bug
（原文出自http://www.jianshu.com/p/4a3177b57949，感恩） 1.有的图片第一次加载只显示占位图，第二次才显示正常的图片。 如果使用圆形ImageView库或者一些自定义的圆形ImageView，并设置占位图片，就会遇到该情况。 方案一: 不设置占位；这个方案可以解决问题，但是在加载图片失败的时候就比较尴尬。 方案二：使用Glide的Transformation API自定义圆形Bitmap的转换。 方案三：使用下面的代码加载图片：
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         }     });123456789123456789该方法在listview上复用会导致加载错位,如果在listview中加载CircleImageView，请不要使用该方法。
方案四：不使用Glide的默认动画；这个方法最简单实用。
Glide.with(mContext)    .load(url)     .dontAnimate()    .placeholder(R.drawable.loading_spinner).into(circleImageview);12345123452.我总会得到类似You cannot start a load for a destroyed activity这样的异常呢？
请记住一句话：不要再非主线程里面使用Glide加载图片，如果真的使用了，请把context参数换成getApplicationContext。
3.为什么不能设置Tag， 在Glide加载图片的过程中会设置tag，可能有冲突。在Glide加载方法之后再进行tag的设置即可解决这个问题。Glide源码如下。
public Request getRequest() {        Object tag = this.getTag();        Request request = null;        if(tag != null) {            if(!(tag instanceof Request)) {                throw new IllegalArgumentException("You must not call setTag() on a view Glide is targeting");            }        request = (Request)tag;    }    return request;}<code><pre>方案一：使用setTag(int,object)方法设置tag,具体用法如下：
Glide.with(context).load(urls.get(i).getUrl()).fitCenter().into(imageViewHolder.image);        imageViewHolder.image.setTag(R.id.image_tag, i);        imageViewHolder.image.setOnClickListener(new View.OnClickListener() {            @Override                int position = (int) v.getTag(R.id.image_tag);                Toast.makeText(context, urls.get(position).getWho(), Toast.LENGTH_SHORT).show();            }        });1234567812345678同时在values文件夹下新建ids.xml，添加
<item name="image_tag" type="id"/>11方案二：从Glide的3.6.0之后，新添加了全局设置的方法。具体方法如下： 先实现GlideMoudle接口，全局设置ViewTaget的tagId:
public class MyGlideMoudle implements GlideModule{    @Override    public void applyOptions(Context context, GlideBuilder builder) {        ViewTarget.setTagId(R.id.glide_tag_id);    }    @Override    public void registerComponents(Context context, Glide glide) {    }}12345678910111234567891011同样，也需要在ids.xml下添加id
<item name="glide_tag_id" type="id"/>11最后在AndroidManifest.xml文件里面添加
<meta-data    android:name="com.yourpackagename.MyGlideMoudle"    android:value="GlideModule" />123123方案三：写一个继承自ImageViewTaget的类，复写它的get/setRequest方法。
Glide.with(context).load(urls.get(i).getUrl()).fitCenter().into(new ImageViewTarget<GlideDrawable>(imageViewHolder.image) {            @Override            protected void setResource(GlideDrawable resource) {                imageViewHolder.image.setImageDrawable(resource);            }            @Override            public void setRequest(Request request) {                imageViewHolder.image.setTag(i);                imageViewHolder.image.setTag(R.id.glide_tag_id,request);            }            @Override            public Request getRequest() {                return (Request) imageViewHolder.image.getTag(R.id.glide_tag_id);            }        });        imageViewHolder.image.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                int position = (int) v.getTag();                Toast.makeText(context, urls.get(position).getWho(), Toast.LENGTH_SHORT).show();            }        });1234567891011121314151617181920212223242512345678910111213141516171819202122232425一些使用技巧
1.Glide.with(context).resumeRequests()和 Glide.with(context).pauseRequests() 当列表在滑动的时候，调用pauseRequests()取消请求，滑动停止时，调用resumeRequests()恢复请求。这样是不是会好些呢？
2.Glide.clear() 当你想清除掉所有的图片加载请求时，这个方法可以帮助到你。
3.ListPreloader 如果你想让列表预加载的话，不妨试一下ListPreloader这个类。
一些基于Glide的优秀库
1.glide-transformations 一个基于Glide的transformation库，拥有裁剪，着色，模糊，滤镜等多种转换效果，赞的不行不行的~~
2.GlidePalette 一个可以在Glide加载时很方便使用Palette的库。