Glide 不能说的秘密

(点击 上方公众号 ，可快速关注)

来源：伯乐在线专栏作者 - joe

链接：http://android.jobbole.com/84454/

点击 → 了解如何加入专栏作者

Glide简介

An image loading and caching library for Android focused on smooth scrolling

一个专注于流畅滑动的图片加载和缓存库

优势

其实现在，图片加载和缓存的库已经超级多了，Glide是目前谷歌官方推荐的加载库，它有一个比较牛的特点就是支持GIF格式的图片播放，目前的人气也超级高！！另外还可以设置渐变的加载效果，控制相关缓存策略等！以下就围绕这些做一些具体的介绍！

引入库

repositories {

mavenCentral () // jcenter() works as well because it pulls from Maven Central

}

dependencies {

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

compile 'com.android.support:support-v4:19.1.0'

}

如果你的网络请求底层使用了Okhttp的话，那么可以指定这个让Glide网络层使用Okhttp。

dependencies {

compile 'com.github.bumptech.glide:okhttp-integration:1.4.0@aar'

//compile 'com.squareup.okhttp:okhttp:2.2.0'

}

dependencies {

compile 'com.github.bumptech.glide:okhttp3-integration:1.4.0@aar'

//compile 'com.squareup.okhttp3:okhttp:3.2.0'

}

配置这个话，还需要在AndroidManifest里面加入相关的配置:

meta - data

android : name = "com.bumptech.glide.integration.okhttp.OkHttpGlideModule"

android : value = "GlideModule" />

基本的加载

Glide . with ( image . getContext ())

. load ( imageUrl )

. into ( image );

在这个的基础之上，设置默认显示的图片，设置加载错误的图片，设置渐变效果.crossFade()来指定一个渐变的效果：

Glide . with ( image . getContext ())

. load ( imageUrl )

. error ( R . mipmap . girl )

. placeholder ( R . mipmap . ic_launcher )

. crossFade ( R . anim . fade_out_rapidly , 5000 )

. into ( image );

一般使用到这这里就差不多了吧，不过要是觉得Glide就这样了那可真的是太对不住Glide了！

---

进阶-缓存策略：

Glide默认会使用磁盘缓存和内存缓存的，你可以根据喜好和相关的使用场景定制相关的策略。

• skipMemoryCache()跳过内存缓存，这个默认就是false。如果不需要就设置为true来确保不会缓存到内存中。

  
  

• diskCacheStrategy() 磁盘缓存策略，Glide支持很多种图片缓存策略。

  
  

• DiskCacheStrategy.RESOURCE 只缓存原始文件

  
  

• DiskCacheStrategy.ALL 缓存所有size的图片和源文件

  
  

• DiskCacheStrategy.RESULT 缓存最后的结果文件

  
  

• DiskCacheStrategy.NONE 撒都不缓存

  
  

在V3的版本默认是DiskCacheStrategy.RESULT的策略。

进阶-转换

asBitmap () //总是将其转换为Bitmap的对象

asGif () //总是将其转换为gi的对象，但是如果它不是gif的，那么就会转换失败，所以最好要设置一个error()的对象

另外Glide提供了相关的方法，你可以自定义相关的 Transformation,来完成相关的转换！

这里一共有两个方法，一个是transform(),一个是getId(),如果说我们需要完成一些自己的需求，比如说，你需要加载出圆形的图片，这里简单有效的方法就是直接设置一个CirCleTransform就好了：

public class CircleTransform extends BitmapTransformation {

public CircleTransform ( Context context ) {

super ( context );

}

private static Bitmap circleCrop ( BitmapPool pool , Bitmap source ) {

if ( source == null ) return null ;

int size = Math . min ( source . getWidth (), source . getHeight ());

int x = ( source . getWidth () - size ) / 2 ;

int y = ( source . getHeight () - size ) / 2 ;

// TODO this could be acquired from the pool too

Bitmap squared = Bitmap . createBitmap ( source , x , y , size , size );

Bitmap result = pool . get ( size , size , Bitmap . Config . ARGB_8888 );

if ( result == null ) {

result = Bitmap . createBitmap ( size , size , Bitmap . Config . ARGB_8888 );

}

Canvas canvas = new Canvas ( result );

Paint paint = new Paint ( Paint . FILTER_BITMAP_FLAG | Paint . DITHER_FLAG | Paint

. ANTI_ALIAS_FLAG );

paint . setShader ( new BitmapShader ( squared , BitmapShader . TileMode . CLAMP , BitmapShader

. TileMode . CLAMP ));

float r = size / 2f ;

canvas . drawCircle ( r , r , r , paint );

return result ;

}

@Override

protected Bitmap transform ( BitmapPool pool , Bitmap toTransform , int outWidth , int outHeight ) {

return circleCrop ( pool , toTransform );

}

@Override

public String getId () {

return getClass (). getName ();

}

}

stackoverflow

http://stackoverflow.com/questions/25278821/how-do-rounded-image-with-glide-library/25806229#25806229

如果需要圆角矩形的话：

public class RoundTransform extends BitmapTransformation {

private int cornerRadius ;

private RectF rectF = new RectF ();

/**

* @param round dp

*/

public RoundTransform ( Context context , int round ) {

super ( context );

float density = context . getResources (). getDisplayMetrics (). density ;

this . cornerRadius = ( int ) ( round / density + 0.5f );

}

private Bitmap circleCrop ( BitmapPool pool , Bitmap source ) {

if ( source == null ) return null ;

int width = source . getWidth ();

int height = source . getHeight ();

rectF . set ( 0 , 0 , width , height );

Bitmap squared = Bitmap . createBitmap ( source , 0 , 0 , width , height );

Bitmap result = pool . get ( width , height , Bitmap . Config . ARGB_8888 );

if ( result == null ) {

result = Bitmap . createBitmap ( width , height , Bitmap . Config . ARGB_8888 );

}

Canvas canvas = new Canvas ( result );

Paint paint = new Paint ( Paint . FILTER_BITMAP_FLAG | Paint . DITHER_FLAG | Paint

. ANTI_ALIAS_FLAG );

paint . setShader ( new BitmapShader ( squared , BitmapShader . TileMode . CLAMP , BitmapShader

. TileMode . CLAMP ));

canvas . drawRoundRect ( rectF , cornerRadius , cornerRadius , paint );

return result ;

}

@Override

protected Bitmap transform ( BitmapPool pool , Bitmap toTransform , int outWidth , int outHeight ) {

return circleCrop ( pool , toTransform );

}

@Override

public String getId () {

return getClass (). getName ();

}

}

Glide还为我们提供了CenterCropFitCenter等转换器，这些我们都可以直接使用！

这里的getId()返回的必须是唯一的字符串

说白了，我们这里可以做很多的操作的，因为我们已经拿到相关的对象，可以随意的进行各种旋转、平移、放大、高斯模糊等。

Glide 转换集合 已经给我们尽可能提过了足够的转换！

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

所以，还去引入什么CircleImageView什么的，真的就可以考虑考虑了，简直弱爆了！一个Transform直接搞定。

进阶-相关回调

RequestListener String , GlideDrawable > () {

@Override

public boolean onException ( Exception e , String model , Target target , boolean isFirstResource ) {

return false ;

}

@Override

public boolean onResourceReady ( GlideDrawable resource , String model , Target target , boolean isFromMemoryCache , boolean isFirstResource ) {

return false ;

}

onResourceReady()当资源加载成功之后，会走这个回调。

onException() 当加载异常时，会走这个回调。

进阶-各种Target

Glide . with ( getApplicationContext ())

. load ( imageUrl )

. into ( mTarget );

如果需要给自定义View加载对应的图片，因为Glide根本不知道图片需要加载到那个具体的View上面去展示，那这个就需要使用Glide为我们提供的相关接口，自己去实现就好了。

比如我们这里有一个自定义的FrameLayout，名字就叫MyFrameLayout，里面有一个TextView和一个ImageView,

对外提供一个方法：

public