android 图片加载库 Glide 的使用介绍

2025-02-24 技术教程

一：简介

在泰国举行的谷歌开发者论坛上，谷歌为我们介绍了一个名叫Glide的图片加载库，作者是bumptech。这个库被广泛的运用在google的开源项目中，包括2014年google I/O大会上发布的官方app。

https://github.com/bumptech/glide

二：使用123dependencies { compile 'com.github.bumptech.glide:glide:3.7.0'}

　如何查看最新版本

http://search.maven.org/#search%7Cga%7C1%7Ca%3A%22glide%22　

三：使用方法及简介

http://mrfu.me/2016/02/27/Glide_Getting_Started/

四、清除缓存1234567891011121314151617181920212223242526272829/*** 清除缓存* @param context*/public void clearCache( final Context context ){clearMemoryCache( context );new Thread(new Runnable() {@Overridepublic void run() {clearDiskCache( context );}}).start();}/*** 清除内存缓存* @param context*/public void clearMemoryCache( Context context ){Glide.get( context ).clearMemory();}/*** 清除磁盘缓存* @param context*/public void clearDiskCache( Context context ){Glide.get( context ).clearDiskCache();}五、注意事项

5.1、在使用时需要给app添加联网权限，没有权限不会报错，但是图片加载不出来，很坑爹。　

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

5.2、加载图片的方法要写在 UI 线程中，Glide会做异步处理。

六、使用方法总结 6.1 加载网络图片
123p_w_picpathView = (ImageView) findViewById( R.id.p_w_picpath );String url = "http://img5.jpg" ;Glide.with( this ).load( url ).into( p_w_picpathView ) ;　6.2 加载网络图片监听（下载完成后显示）

1234567891011121314151617181920212223242526272829package lib.com.myapplication;import android.graphics.Bitmap;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.widget.ImageView;import com.bumptech.glide.Glide;import com.bumptech.glide.request.animation.GlideAnimation;import com.bumptech.glide.request.target.SimpleTarget;public class MainActivity extends AppCompatActivity {private ImageView p_w_picpathView ;String url = "http://img5.imgtn.bdimg.com/it/u=2941079711,2736454066&fm=11&gp=0.jpg" ;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);p_w_picpathView = (ImageView) findViewById( R.id.p_w_picpath );Glide.with( this ).load( url ).asBitmap().into( target ) ;}private SimpleTarget target = new SimpleTarget<Bitmap>() {@Overridepublic void onResourceReady(Bitmap bitmap, GlideAnimation glideAnimation) {//图片加载完成p_w_picpathView.setImageBitmap(bitmap);}};}

　　特别注意：.asBitmap() 一定要加，否则可能会出错

6.3占位符placeholder()方法：在加载开始 -- 加载完成，这段时间显示的图片。如果加载失败，则最终显示占位符。12p_w_picpathView = (ImageView) findViewById( R.id.p_w_picpath );Glide.with( this ).load( url ).placeholder( R.drawable.user ).into( p_w_picpathView ) ; 6.4 占位符 error() 方法：在加载失败的情况下，显示的图片。12p_w_picpathView = (ImageView) findViewById( R.id.p_w_picpath );Glide.with( this ).load( url ).placeholder( R.drawable.user ).error( R.drawable.default_error ).into( p_w_picpathView ) ;

在加载开始--> 加载完成(失败)，显示placeholder()图片; 如果加载失败，则显示error() 里面的图片。

6.5 加载 drawable 里面的图片12p_w_picpathView = (ImageView) findViewById( R.id.p_w_picpath );Glide.with( this ).load( R.drawable.icon ).asBitmap().into( p_w_picpathView ) ; 6.6 加载 SD 卡里面的一张图片 1 load( String string)1234p_w_picpathView = (ImageView) findViewById( R.id.p_w_picpath );//sd卡上的一张图片String path = Environment.getExternalStorageDirectory().getAbsolutePath() + "/temp.jpg" ;Glide.with( this ).load( path ).into( p_w_picpathView ) ; 6.7 加载 SD 卡里面的一张图片 2 load( File file )12345p_w_picpathView = (ImageView) findViewById( R.id.p_w_picpath );//sd卡上的一张图片String path = Environment.getExternalStorageDirectory().getAbsolutePath() + "/temp.jpg" ;File file = new File( path ) ;Glide.with( this ).load( file ).into( p_w_picpathView ) ; 6.8 加载 SD 卡里面的一张图片 3 load( Uri uri )12345//sd卡上的一张图片String path = Environment.getExternalStorageDirectory().getAbsolutePath() + "/temp.jpg" ;File file = new File( path ) ;Uri uri = Uri.fromFile( file ) ;Glide.with( this ).load( uri ).into( p_w_picpathView ) ;

6.9 Glide.with() 生命周期控制

with(Context context). 使用Application上下文，Glide请求将不受Activity/Fragment生命周期控制。

with(Activity activity). 使用Activity作为上下文，Glide的请求会受到Activity生命周期控制。

with(FragmentActivity activity).Glide的请求会受到FragmentActivity生命周期控制。

with(android.app.Fragment fragment).Glide的请求会受到Fragment 生命周期控制。

with(android.support.v4.app.Fragment fragment).Glide的请求会受到Fragment生命周期控制。

请求会在onStop的时候自动暂停，

在onStart的时候重新启动,gif的动画也会在onStop的时候停止，以免在后台消耗电量。

6.10 加载优先级设置 priority()

枚举类Priority 提供了几种优先级等级，

默认的是： NORMAL

实例：

12Glide.with( this).load( url2).priority(Priority.LOW ).into( p_w_picpathView2 ) ;Glide.with( this).load( url3).priority(Priority.HIGH ).into( p_w_picpathView3 ) ;

　　但是这里的优先级只是在加载的过程中起一个参考作用，并不决定真正的加载顺序。

6.10 加载优先级设置 priority()

枚举类Priority 提供了几种优先级等级，

默认的是： NORMAL

实例：

12Glide.with( this).load( url2).priority(Priority.LOW ).into( p_w_picpathView2 ) ;Glide.with( this).load( url3).priority(Priority.HIGH ).into( p_w_picpathView3 ) ;

　　但是这里的优先级只是在加载的过程中起一个参考作用，并不决定真正的加载顺序。

6.11 缩略图的支持

（一）先加载原图的十分之一作为缩略图，再加载原图

1Glide.with( thi ).load( url ).thumbnail(0.1f).into( p_w_picpathview ) ;

　　（二）用本地的图片作为缩略图，然后再加载原图

1234DrawableRequestBuilder<Integer> thumbnailRequest = Glide.with( ThumbnailActivity.this ).load(R.mipmap.ic_launcher);Glide.with( ThumbnailActivity.this ).load( ur2 ).thumbnail( thumbnailRequest ).into( p_w_picpathView2 ) ;

6.12 加载 Gif 动图12Glide.with( this ).load( url ).into( p_w_picpathView1 ) ;Glide.with( this ).load( url ).asGif().into( p_w_picpathView2 ) ;

　　注意：如果把asGif 换成 asBitmap 则会显示一张静态图。

6.13 加载本地视频，相当于一张缩略图123p_w_picpathView = (ImageView) findViewById( R.id.p_w_picpath_video );String files = Environment.getExternalStorageDirectory().getAbsolutePath() + "/yueyu.mkv" ;Glide.with( this ).load( files ).into( p_w_picpathView ) ;

　　（1）只能加载本地视频，网络视频无法加载。

（2）加载本地视频显示只是视频的第一帧图像，相当于一张缩略图。不能播放视频。

6.14 加载动画

.crossFade() 淡入淡出，也是默认动画

.crossFade( int duration ) 定义淡入淡出的时间间隔

.dontAnimate() 不使用任何动画

6.15 glide 内存缓存

glide 默认启用内存缓存，如果想要禁止内存缓存，使用.skipMemoryCache( true )

七、自定义GlideModule

自定义 GlideModule 的好处：

1、可以全局的改变 glide 的加载策略

2、可以自定义磁盘缓存目录

3、可以设置图片加载的质量

7.1 首先定义一个类实现GlideModule 123456789101112public class SimpleGlideModule implements GlideModule {@Overridepublic void applyOptions(Context context, GlideBuilder builder) {}@Overridepublic void registerComponents(Context context, Glide glide) {}}

　　可以看到重写了两个方法，applyOptions() , registerComponents() . 两个方法都没有返回值。我们着重于第一个方法，重点研究 GlideBuilder 。

7.2 然后在AndroidManifest.xml 去申明你写的SimpleGlideModule123<meta-dataandroid:name="app.zuil.com.glidedemo.util.SimpleGlideModule"android:value="GlideModule" />

　　name是：包名 + 类名

7.3GlideBuilder

.setMemoryCache(MemoryCache memoryCache)

.setBitmapPool(BitmapPool bitmapPool)

.setDiskCache(DiskCache.Factory diskCacheFactory)

.setDiskCacheService(ExecutorService service)

.setResizeService(ExecutorService service)

.setDecodeFormat(DecodeFormat decodeFormat)

可以看到 setBitmapPool() 是设置bitmap池的； setDecodeFormat() 是设置解码方式的 ; setDiskCache() 是设置磁盘缓存的； 7.4 DecodeFormat

Android里有两个方法去解析图片：ARGB8888和RGB565。第一个为每个像素采用4 byte表示，后面一个则用2 byte表示。ARG8888有更高的图片质量，并且能够存储一个alpha通道。Glide默认使用低质量的RGB565。你可以通过使用Glide module方法改变解析格式。

最后一个完整的自定义glideModule

123456789101112131415161718192021222324252627public class SimpleGlideModule implements GlideModule {@Overridepublic void applyOptions(Context context, GlideBuilder builder) {//定义缓存大小为100Mint diskCacheSize = 100 * 1024 * 1024;//自定义缓存路径和缓存大小String diskCachePath = Environment.getExternalStorageDirectory().getAbsolutePath() + "/glideCache" ;//提高图片质量builder.setDecodeFormat(DecodeFormat.PREFER_ARGB_8888);//自定义磁盘缓存:这种缓存只有自己的app才能访问到// builder.setDiskCache( new InternalCacheDiskCacheFactory( context , diskCacheSize )) ;// builder.setDiskCache( new InternalCacheDiskCacheFactory( context , diskCachePath , diskCacheSize )) ;//自定义磁盘缓存：这种缓存存在SD卡上，所有的应用都可以访问到builder.setDiskCache(new DiskLruCacheFactory( diskCachePath , diskCacheSize ));}@Overridepublic void registerComponents(Context context, Glide glide) {}}

八、缓存管理 7.1、默认缓存目录和缓存大小

在Glide源码中有一个DiskCache接口，里面的Factory类定义了默认的磁盘缓存大小为：250 M ，缓存路径在：p_w_picpath_manager_disk_cache 目录下

在模拟器上可以查看缓存目录的位置，有些真机看不到这个目录，有可能数据库没有刷新的原因：

7.2、缓存模式

源码中有枚举类DiskCacheStrategy 定义了四种缓存类型

DiskCacheStrategy.SOURCE 缓存原图

DiskCacheStrategy.RESULT 缓存和p_w_picpathview大小匹配的图

DiskCacheStrategy.ALL 既缓存原图，有缓存和p_w_picpathview大小匹配的图

DiskCacheStrategy.NONE 不做任何缓存

通过查看源码我们发现，Glide默认缓存策略是：DiskCacheStrategy.RESULT

7.3 四种缓存模式对比

比如：网络图片我们叫做 big1.jpg 宽高：3000 x 2000 大小：2.15 M 。

1http://o7rvuansr.bkt.clouddn.com/big1.jpg

客户端的 p_w_picpathview 大小：300 x 300

1234<ImageViewandroid:id="@+id/p_w_picpath"android:layout_width="300dp"android:layout_height="300dp" />

(1)DiskCacheStrategy.SOURCE : 只会缓存一张图片，大小：2M

Glide.with(Activity2.this).load(url).diskCacheStrategy(DiskCacheStrategy.SOURCE).into(p_w_picpathView);

(2) DiskCacheStrategy.RESULT: 只缓存了一张图片，大小：14 KB

Glide.with(Activity2.this).load(url).diskCacheStrategy(DiskCacheStrategy.RESULT).into(p_w_picpathView);

(3) DiskCacheStrategy.ALL : 缓存了两张图片, 一张大小：2 M ，一张大小：14 KB

Glide.with(Activity2.this).load(url).diskCacheStrategy(DiskCacheStrategy.ALL).into(p_w_picpathView);

(4)DiskCacheStrategy.NONE : 没有缓存图片

Glide.with( Activity2.this).load( url ).diskCacheStrategy(DiskCacheStrategy.NONE ).into( p_w_picpathView ) ;

7.4、缓存场景测试

两个p_w_picpathView ,一个 100 x 100 , 一个 300 x300 ; 先加载第一张，再加载第二张

测试一：两张图片都在 DiskCacheStrategy.SOURCE的情况下：

123456789101112131415//加载第一张图findViewById( R.id.bt1 ).setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Glide.with( Activity2.this).load( url ).diskCacheStrategy( DiskCacheStrategy.SOURCE ).into( p_w_picpathView1 ) ;}});//加载第二张图findViewById( R.id.bt2 ).setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Glide.with( Activity2.this).load( url ).diskCacheStrategy( DiskCacheStrategy.SOURCE ).into( p_w_picpathView2 ) ;}});

　　通过测试发现，在加载第一张图片的时候，缓存了2M 的原始图，在加载第二张的时候，就不会再请求网络，直接从缓存中加载。

测试二：第一张图在DiskCacheStrategy.SOURCE ，第二张在DiskCacheStrategy.RESULT 情况下

　　通过测试发现，加载第一张图片的情况下，缓存了2M 的原始图。在加载第二张图片的时候，又请求网络，下载了 14 KB 的缓存。这说明，即使本地存在缓存，缓存策略不一样，缓存就不会被重用。

测试三：两张图都在 DiskCacheStrategy.RESULT 情况下，第一个Imageview大小： 100 x100 , 第二个p_w_picpathview大小：300 x 300

（1）先加载 100 x 100 , 加载出来后，缓存了 2 kB 的图片，然后加载 300 x 300 ，又重新请求网络，缓存了 14 KB 的图片。缓存没有复用。

（2）先加载 300 x 300 , 加载出来后，缓存了 14 KB的图片。然后加载 100 x 100 ，又重新请求网络，缓存了 2 KB 的图片，缓存没有复用。

123456789101112131415//加载第一张图findViewById( R.id.bt1 ).setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Glide.with( Activity2.this).load( url ).diskCacheStrategy( DiskCacheStrategy.RESULT ).into( p_w_picpathView1 ) ;}});//加载第二张图findViewById( R.id.bt2 ).setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Glide.with( Activity2.this).load( url ).diskCacheStrategy( DiskCacheStrategy.RESULT ).into( p_w_picpathView2 ) ;}});

测试四：p_w_picpathView1 宽高：100 x 100 ; p_w_picpathView2 宽高：300 x 300 ; p_w_picpathView3 宽高：600 x 600

123456789101112131415161718192021222324//加载第二张图findViewById( R.id.bt1 ).setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Glide.with( Activity2.this).load( url ).into( p_w_picpathView1 ) ;}});//加载第二张图findViewById( R.id.bt2 ).setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Glide.with( Activity2.this).load( url ).diskCacheStrategy( DiskCacheStrategy.ALL ).into( p_w_picpathView2 ) ;}});//加载第三张图findViewById( R.id.bt3 ).setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Glide.with( Activity2.this).load( url ).into( p_w_picpathView3 ) ;}});

　　先加载 p_w_picpathView2 ,请求网络，缓存策略是 DiskCacheStrategy.ALL ，缓存了两张图，一张是 2 M ，一张是14 kB 。

再加载 p_w_picpathView1 , 请求网络，缓存策略是 DiskCacheStrategy.RESULT ，缓存了一张图，2 kB 。可见 p_w_picpathview2 的缓存对p_w_picpath2不起作用。

最后加载 p_w_picpathView3 , 请求网络，缓存策略是 DiskCacheStrategy.RESULT , 缓存了一张图， 47 KB , 可见 p_w_picpathview1 和 p_w_picpathview2的缓存对p_w_picpathView3 不起作用

测试五：SimpleTarget 的使用 , p_w_picpathview 大小：300 x 300 ; 网络图片宽高：3000 x 2000 大小：2 .15 M;

（1）这种情况的缓存 2 M

1Glide.with( Activity2.this).load( url ).diskCacheStrategy( DiskCacheStrategy.SOURCE ).into( p_w_picpathView2 ) ;

（2）这种情况的缓存 14 KB

1Glide.with( Activity2.this).load( url ).diskCacheStrategy( DiskCacheStrategy.RESULT ).into( p_w_picpathView2 ) ;

（3）这种情况的缓存 777 KB

123456789101112131415161718192021222324252627282930313233343536373839404142package app.zuil.com.glidedemo;import android.graphics.Bitmap;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.view.View;import android.widget.ImageView;import com.bumptech.glide.Glide;import com.bumptech.glide.load.engine.DiskCacheStrategy;import com.bumptech.glide.request.animation.GlideAnimation;import com.bumptech.glide.request.target.SimpleTarget;public class Activity2 extends AppCompatActivity {String url = "http://o7rvuansr.bkt.clouddn.com/big1.jpg" ;ImageView p_w_picpathView2 ;private SimpleTarget target ;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity1);p_w_picpathView2 = (ImageView) findViewById( R.id.p_w_picpath3 );//加载第二张图findViewById( R.id.bt2 ).setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Glide.with( Activity2.this).load( url ).asBitmap().diskCacheStrategy( DiskCacheStrategy.RESULT ).into( target ) ;}});target = new SimpleTarget<Bitmap>() {@Overridepublic void onResourceReady(Bitmap bitmap, GlideAnimation glideAnimation) {//图片加载完成p_w_picpathView2.setImageBitmap( bitmap );}};}}

　　（4）这种缓存 67 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253package app.zuil.com.glidedemo;import android.graphics.Bitmap;import android.os.Bundle;import android.support.v7.app.AppCompatActivity;import android.view.View;import android.view.ViewGroup;import android.widget.ImageView;import com.bumptech.glide.Glide;import com.bumptech.glide.load.engine.DiskCacheStrategy;import com.bumptech.glide.request.animation.GlideAnimation;import com.bumptech.glide.request.target.SimpleTarget;public class Activity2 extends AppCompatActivity {String url = "http://o7rvuansr.bkt.clouddn.com/big1.jpg" ;ImageView p_w_picpathView2 ;private static int width ;private static int height ;private SimpleTarget target ;private ViewGroup.LayoutParams params ;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity1);p_w_picpathView2 = (ImageView) findViewById( R.id.p_w_picpath3 );params = p_w_picpathView2.getLayoutParams() ;//测量图片的宽高width = params.width ;height = params.height ;//加载第二张图findViewById( R.id.bt2 ).setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {Glide.with( Activity2.this).load( url ).asBitmap().diskCacheStrategy( DiskCacheStrategy.RESULT ).into( target ) ;}});target = new SimpleTarget<Bitmap>( width , height ) {@Overridepublic void onResourceReady(Bitmap bitmap, GlideAnimation glideAnimation) {//图片加载完成p_w_picpathView2.setImageBitmap(bitmap);}};}}

测试六：以上的测试都是在两个p_w_picpathView 大小不一样的情况下。现在来测试两个p_w_picpathview大小相同的时候。 p_w_picpathview1 , 宽高： 400 x 400 ; p_w_picpathview2 , 宽高：400 x 400

12Glide.with( Activity2.this).load( url ).diskCacheStrategy( DiskCacheStrategy.ALL ).into( p_w_picpathView1 ) ;Glide.with( Activity2.this).load( url ).into( p_w_picpathView2 ) ;

（1）分析 p_w_picpathView1 , 采用 DiskCacheStrategy.ALL ； p_w_picpathView2 , 采用默认的缓存策略，也就是 DiskCacheStrategy.RESULT 。
（2）先加载 p_w_picpathview1 , 缓存了2个文件，一个是2 M , 一个事 22 KB ；再加载 p_w_picpathview2 , 发现没有请求网络，直接使用了p_w_picpathview1 的缓存。
（3）先加载 p_w_picpathview2 ，缓存了1个文件，22 KB ; 然后再加载 p_w_picpathview1 ，发现没有请求网络，直接使用p_w_picpathview2 的缓存。而且在缓存文件夹中一直只有1个22 KB 缓存，这时候我们就发现，即使 p_w_picpathview1 的缓存模式是 DiskCacheStrategy.ALL ，在这里似乎缓存原图的功能失效了。

测试七： p_w_picpathview1 , 宽高： 400 x 400 ; p_w_picpathview2 , 宽高：400 x 400

12Glide.with( Activity2.this).load( url ).diskCacheStrategy( DiskCacheStrategy.SOURCE ).into( p_w_picpathView1 ) ;Glide.with( Activity2.this).load( url ).into( p_w_picpathView2 ) ;

（1）先加载 p_w_picpathview1 , 缓存了 1个文件， 2M ；然后再加载 p_w_picpathview2 , 发现没有请求网络，直接使用 p_w_picpathview1 的缓存。两个图片完全加载出来，缓存文件夹一共只有 1个文件， 2M ;

(2) 先加载 Imageview2 , 缓存了 1个文件， 22 KB ；然后再加载 p_w_picpathview1 , 发现没有请求网咯，直接用 p_w_picpathview2 的缓存。两个图片完全加载出来，缓存文件夹一共只有 1 个文件， 22 KB 。