Glide学习笔记

      最近项目上选择图片加载框架，最终决定还是使用Glide，毕竟这是Google推荐的图片加载库，正好借此机会学习下。

一、Glide与其他图片库对比

1、Universal Image Loader：一个强大的图片加载库，包含各种各样的配置，最老牌，使用也最广泛。

2、Picasso: Square出品，必属精品。和OKHttp搭配起来更配呦！

3、Volley ImageLoader：Google官方出品，可惜不能加载本地图片~

4、Fresco：Facebook出的，天生骄傲！不是一般的强大。

5、Glide：Google推荐的图片加载库，专注于流畅的滚动。

二、Glide基本介绍与用法

1、导入库

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

  Glide需要Android Support Library v4 包，千万不要忘了像上面的代码做的那样添加 Android Support Library v4 包的依赖。不过这都不是什么大问题，因为现在 Android Support Library v4 基本是每一个新 Android 项目的标配了。

2、使用方法

Glide.with(context)
    .load("xxxx.jpg")
    .into(image);

其他特性方法：

Image Resizing：

.override(300, 200);

Center Cropping：

.centerCrop();

Transforming：

.transform(new CircleTransform(context))

设置占位图或者加载错误图：

.placeholder(R.drawable.placeholder)
.error(R.drawable.imagenotfound)

     Glide还可以加载GIF动态图，因为Glide和Activity/Fragment的生命周期是一致的，因此gif的动画也会自动的随着Activity/Fragment的状态暂停、重放。Glide 的缓存在gif这里也是一样，调整大小然后缓存。但是从我的一次测试结果来看，用 Glide 显示动画会消耗很多内存，因此谨慎使用。除了gif动画之外，Glide还可以将任意本地视频解码成一张静态图片。 

     Glide 的代码无疑设计得更好，因为 Glide 的 with() 方法不光接受 Context，还接受 Activity 和 Fragment。此外，with() 方法还能自动地从你放入的各种东西里面提取出 Context，供它自己使用。

     Glide 在默认的 RGB_565 格式下加载的图片质量可以接受的话，可以什么都不做。但如果你觉得难以接受，或者是你的实际需求对图片的质量有更高的要求的话，你可以像下面的代码那样创建一个 GlideModule 子类，把 Bitmap 的格式转换到 ARGB_8888：

public class GlideConfiguration 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.
    }
}

然后在AndroidManifest.xml中将GlideModule定义为meta-data：

<meta-data android:name="com.inthecheesefactory.lab.glidepicasso.GlideConfiguration" android:value="GlideModule"/>

三、Glide可能遇到的问题

1、为什么有的图片第一次加载的时候只显示占位图，第二次才显示正常的图片呢？

     如果你刚好使用了这个圆形Imageview库或者其他的一些自定义的圆形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 
        } 
    };

2、为什么我总会得到类似You cannot start a load for a destroyed activity这样的异常呢？

     至于第二个问题，请记住一句话：不要再非主线程里面使用Glide加载图片，如果真的使用了，请把context参数换成getApplicationContext。更多的细节请参考这个issue。

https://github.com/bumptech/glide/issues/138

3、为什么我不能给加载的图片setTag()呢？

     为什么不能设置Tag，是因为你使用的姿势不对哦。如何为ImageView设置Tag呢？且听我细细道来。

方案一：使用setTag(int,object)方法设置tag,具体用法如下：

Java代码是酱紫的：

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();
   }
});

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

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

大功告成!

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

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

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

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

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

又可以愉快的玩耍了，嘻嘻`(∩_∩)′。

方案三：写一个继承自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();
      }
 });

四、Glide使用技巧

1、Glide.with(context).resumeRequests()和 Glide.with(context).pauseRequests()当列表在滑动的时候，调用pauseRequests()取消请求，滑动停止时，调用resumeRequests()恢复请求。这样是不是会好些呢？

2、Glide.clear()

   当你想清除掉所有的图片加载请求时，这个方法可以帮助到你。

3、ListPreloader

   如果你想让列表预加载的话，不妨试一下ListPreloader这个类。

4、glide-transformations

   一个基于Glide的transformation库，拥有裁剪，着色，模糊，滤镜等多种转换效果

   https://github.com/wasabeef/glide-transformations

5、GlidePalette

   一个可以在Glide加载时很方便使用Palette的库。

   https://github.com/florent37/GlidePalette