Glide里的一些坑

最新推荐文章于 2023-08-30 23:08:44 发布

简单专注

最新推荐文章于 2023-08-30 23:08:44 发布

阅读量5.2k

点赞数 1

文章标签：图片

本文链接：https://blog.youkuaiyun.com/qibanxuehua/article/details/54927573

版权

最近在项目中使用了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'
}
 
 1
2
3
4
 
 1
2
3
4

Glide的基本使用

Glide.with(context) 
      .load(url)        
      .placeholder(ResouceId)
      .error(ResouceId)
      .override(width, height)
      .into(imageview);
 
 1
2
3
4
5
6
 
 1
2
3
4
5
6

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.
    }
}
 
 1
2
3
4
5
6
7
8
9
10
11
12
13
 
 1
2
3
4
5
6
7
8
9
10
11
12
13

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

-keepnames class com.mypackage.MyGlideModule
# or more generally:
#-keep public class * implements com.bumptech.glide.module.GlideModule
 
 1
2
3
 
 1
2
3

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

<manifest ...>
    <!-- ... permissions -->
    <application ...>
        <meta-data
            android:name="com.mypackage.MyGlideModule"
            android:value="GlideModule" />
        <!-- ... activities and other components -->
    </application>
</manifest>
 
 1
2
3
4
5
6
7
8
9
 
 1
2
3
4
5
6
7
8
9

Glide的磁盘缓存

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

Glide.with(context)
     .load(url)
     .diskCacheStrategy(DiskCacheStrategy.ALL)
     .into(imageview);
 
 1
2
3
4
 
 1
2
3
4

这个方法强行要求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)
 
 1
 
 1

也可以使用缩略图地址发起的请求作为.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 
        } 
    });
 
 1
2
3
4
5
6
7
8
9
 
 1
2
3
4
5
6
7
8
9

该方法在listview上复用会导致加载错位,如果在listview中加载CircleImageView，请不要使用该方法。

方案四：不使用Glide的默认动画；这个方法最简单实用。

Glide.with(mContext)
    .load(url) 
    .dontAnimate()
    .placeholder(R.drawable.loading_spinner)
.into(circleImageview);
 
 1
2
3
4
5
 
 1
2
3
4
5

2.我总会得到类似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();
            }
        });
 
 1
2
3
4
5
6
7
8
 
 1
2
3
4
5
6
7
8

同时在values文件夹下新建ids.xml，添加

<item name="image_tag" type="id"/>
 
 1
 
 1

方案二：从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) {

    }
}
 
 1
2
3
4
5
6
7
8
9
10
11
 
 1
2
3
4
5
6
7
8
9
10
11

同样，也需要在ids.xml下添加id

<item name="glide_tag_id" type="id"/>
 
 1
 
 1

最后在AndroidManifest.xml文件里面添加

<meta-data
    android:name="com.yourpackagename.MyGlideMoudle"
    android:value="GlideModule" />
 
 1
2
3
 
 1
2
3

方案三：写一个继承自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();
            }
        });
 
 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25