Glide的使用

最近针对项目做优化,在优化到图片显示的时候发现,之前用的ImageLoader,这个库比较老,而且现在据说不更新了,所以就准备用Glide;在这个之前,看了些文章,分先一下:

分享下有用的帖子

首先是朋友阿雪的文章Android:Glide使用,文章也是总结一些基本的使用,和我这个差不多
其次是郭霖大神的,据说要出源码分析,很期待,郭霖的文章,也写的非常详细,这系列的文章,就坐等郭神更新了

简单的使用

1.依赖

在项目的app或者comm的gradle下依赖,目前最新版本请移步github

compile 'com.github.bumptech.glide:glide:3.7.0'

如果要加载网络图片,请记得加权限

<uses-permission android:name="android.permission.INTERNET" />

2.初始化使用

我选择使用Glide的一大原因,就是它能够绑定当前页面的生命周期,在恰当的时候能够释放当前资源,非常合理,我们来看看

Glide.with(Context context);
Glide.with(Activity activity);
Glide.with(FragmentActivity activity);
Glide.with(Fragment fragment);

3.基本的加载

Glide支持网络资源、assets资源、Resources资源、File资源、Uri资源、字节数组

Glide.with(this).load("http://pic9/258/a2.jpg").into(iv);
Glide.with(this).load("file:///xxx.jpg").into(iv);
Glide.with(this).load(R.mipmap.ic_launcher).into(iv);
Glide.with(this).load(file).into(iv);
Glide.with(this).load(uri).into(iv);
Glide.with(this).load(byte[]).into(iv);

4.加载gif动态图片

1.加载动态的gif图

Glide.with(this).load(imageUrl).asGif().into(iv);

2.加载gif里的静态图,相当于gif图的第一帧

Glide.with(this).load(imageUrl).asBitmap().into(iv);

3.glide还可以加载本地视频,记住是本地视频,你只需要给一个本地的视屏路径即可,不过一般很少人这么用

String filePath = "/storage/emulated/0/Pictures/example_video.mp4";
Glide .with( context ) 
.load( Uri.fromFile( new File( filePath ) ) )
.into( iv);

5.设置加载过程中的图片

1.设置占位图

.placeholder(R.drawable.placeholder)

2.设置加载失败图片

.error(R.drawable.error)

3.设置加载缩略图

//先加载缩略图 然后在加载全图,thumbnail的参数是一个比率,如原图是1000*1000,那么加载出来的缩略图就是100*100
Glide.with(this)
      .load(imageUrl)
      .thumbnail(0.1f)
      .into(iv);

4.加载动画

//淡入淡出
Glide.with(this)
.load("http://nm/photo/1f/1f7a.jpg")
.crossFade(int duration)//去减慢（或加快）动画
.into(iv);

//使用 crossFade()
Glide.with(this)
.load("http://nm/photo/1f/1f7a.jpg")
.crossFade()//动画默认的持续时间是 300毫秒
.into(iv);

//添加自定义动画
Glide.with(this)
.load("http://nm/photo/1f/1f7a.jpg")
.animate(R.anim.fade_in)
.into(iv);

//去除动画
Glide.with(this)
.load("http://nm/photo/1f/1f7a.jpg")
.dontAnimate()
.into(iv);

6.图片的缩放和模式,同ImageView图片的模式

1.CenterCrop 即缩放图像至填充到 ImageView内,裁剪额外的部分。ImageView会完全填充，但图像可能不会显示不全。

Glide.with(this)
              .load(url)
              .centerCrop ()
              .into(iv);

2.fitCenter() 图片会按照imageview长宽中最小的边界作为依据,按比例缩放图像。该图像将会完全显示，但可能不会填满整个 ImageView。

Glide.with(this)
              .load(url)
              .fitCenter()
              .into(iv);

7.加载的回调监听

Glide.with(this)
    .load(imageUrl)
    .listener(RequestListener listener)
    .into(iv);

8.设置加载尺寸

Glide.with(this)
.load("http://nm/photo/1f/1f7a.jpg")
.override(600,600)
.into(iv);

9.缓存相关的设置

1.设置跳过内存缓存

Glide.with(this)
.load("http://nm/photo/1f/1f7a.jpg")
.skipMemoryCache(true)
.into(iv);

2.设置缓存的策略

Glide.with(this)
.load("http://nm/photo/1f/1f7a.jpg")
.diskCacheStrategy(DiskCacheStrategy.ALL)
.into(iv);
DiskCacheStrategy.ALL //缓存源资源和转换后的资源
DiskCacheStrategy.NONE//不做任何磁盘缓存
DiskCacheStrategy.RESULT //缓存转换后的资源
DiskCacheStrategy.SOURCE缓存源资源

3.清理磁盘缓存

Glide.get(this).clearDiskCache();//在子线程中进行

4.清理内存缓存

Glide.get(this).clearMemory();//可以在主线程

5.设置磁盘缓存目录和图片效果(默认Bitmap格式是RGB_565)

1. 在AndroidManifest中application节点下:

<!--glide缓存目录设置-->
<meta-data
android:name="包名.widget.GlideModuleConfig"
android:value="GlideModule" />

2.创建类GlideModuleConfig

public class GlideModuleConfig implements GlideModule {
  @Override
  public void applyOptions(Context context, GlideBuilder builder) {
//内部存储/Android/data/包名/cache/glide-images
builder.setDiskCache(new ExternalCacheDiskCacheFactory(context, "glide-images", 2 * 1024 * 1024));   
//将默认的RGB_565效果转换到ARGB_8888
builder.setDecodeFormat(DecodeFormat.PREFER_ARGB_8888);
  }

  @Override
  public void registerComponents(Context context, Glide glide) {
      //不做处理
  }
}

10、BitmapTransformation

Glide在Github上还有一个库，可以处理图片效果，比如裁剪、圆角、高斯模糊等等

//引入库,可实现圆角等特效
compile 'jp.wasabeef:glide-transformations:2.0.1'

1.实现高斯模糊

//radius取值1-25,值越大图片越模糊
Glide.with(context).load(url).bitmapTransform(new BlurTransformation(context, radius)).into(iv);

2.设置原图的圆形图片

Glide.with(context).load(url).bitmapTransform(new CropCircleTransformation(this)).into(iv);

3.圆形图片+高斯模糊

Glide.with(this).load(url).bitmapTransform(new BlurTransformation(this, 25), new CropCircleTransformation(this)).into(iv);

4.圆角图片

//如果是四周已经是圆角则RoundedCornersTransformation.CornerType.ALL
Glide.with(this)
              .load(url)
              .bitmapTransform(new RoundedCornersTransformation(this, 30, 0, RoundedCornersTransformation.CornerType.BOTTOM))
              .into(iv);