最近项目上选择图片加载框架,最终决定还是使用Glide,毕竟这是Google推荐的图片加载库,正好借此机会学习下。
这里只讲了大概的方法,大家可以戳我最新整理的Glide使用详解:
Glide使用详解http://blog.csdn.net/qq_19711823/article/details/51243918
一、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