在泰国举行的谷歌开发者论坛上,谷歌为我们介绍了一个名叫 Glide 的图片加载库,作者是bumptech。这个库被广泛的运用在google的开源项目中,包括2014年google I/O大会上发布的官方app。
https://github.com/bumptech/glide
1 2 3 | dependencies { 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/
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | /** * 清除缓存 * @param context */ public void clearCache( final Context context ){ clearMemoryCache( context ); new Thread( new Runnable() { @Override public 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添加联网权限,没有权限不会报错,但是图片加载不出来,很坑爹。
1 2 3 | <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会做异步处理。
1 2 3 | p_w_picpathView = (ImageView) findViewById( R.id.p_w_picpath ); String url = "http://img5.jpg" ; Glide.with( this ).load( url ).into( p_w_picpathView ) ; |
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | package 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" ; @Override protected 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>() { @Override public void onResourceReady(Bitmap bitmap, GlideAnimation glideAnimation) { //图片加载完成 p_w_picpathView.setImageBitmap(bitmap); } }; } |
特别注意 :.asBitmap() 一定要加,否则可能会出错
1 2 | p_w_picpathView = (ImageView) findViewById( R.id.p_w_picpath ); Glide.with( this ).load( url ).placeholder( R.drawable.user ).into( p_w_picpathView ) ; |
1 2 | p_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() 里面的图片。
1 2 | p_w_picpathView = (ImageView) findViewById( R.id.p_w_picpath ); Glide.with( this ).load( R.drawable.icon ).asBitmap().into( p_w_picpathView ) ; |
1 2 3 4 | p_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 ) ; |
1 2 3 4 5 | p_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 ) ; |
1 2 3 4 5 | //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 ) ; |
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的时候停止,以免在后台消耗电量。
枚举类 Priority 提供了几种优先级等级 ,
默认的是 : NORMAL
实例:
1 2 | Glide.with( this ).load( url2).priority(Priority.LOW ).into( p_w_picpathView2 ) ; Glide.with( this ).load( url3).priority(Priority.HIGH ).into( p_w_picpathView3 ) ; |
但是这里的优先级只是在加载的过程中起一个参考作用, 并不决定真正的加载顺序。
枚举类 Priority 提供了几种优先级等级 ,
默认的是 : NORMAL
实例:
1 2 | Glide.with( this ).load( url2).priority(Priority.LOW ).into( p_w_picpathView2 ) ; Glide.with( this ).load( url3).priority(Priority.HIGH ).into( p_w_picpathView3 ) ; |
但是这里的优先级只是在加载的过程中起一个参考作用, 并不决定真正的加载顺序。
(一) 先加载原图的十分之一作为缩略图,再加载原图
1 | Glide.with( thi ).load( url ).thumbnail( 0 .1f).into( p_w_picpathview ) ; |
(二)用本地的图片作为缩略图,然后再加载原图
1 2 3 4 | DrawableRequestBuilder<Integer> thumbnailRequest = Glide .with( ThumbnailActivity. this ) .load(R.mipmap.ic_launcher); Glide.with( ThumbnailActivity. this ).load( ur2 ).thumbnail( thumbnailRequest ).into( p_w_picpathView2 ) ; |
1 2 | Glide.with( this ).load( url ).into( p_w_picpathView1 ) ; Glide.with( this ).load( url ).asGif().into( p_w_picpathView2 ) ; |
注意:如果把asGif 换成 asBitmap 则会显示一张静态图。
1 2 3 | p_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)加载本地视频显示只是视频的第一帧图像,相当于一张缩略图。不能播放视频。
.crossFade() 淡入淡出 , 也是默认动画
.crossFade( int duration ) 定义淡入淡出的时间间隔
.dontAnimate() 不使用任何动画
glide 默认启用内存缓存,如果想要禁止内存缓存 ,使用 .skipMemoryCache( true )
自定义 GlideModule 的好处:
1、可以全局的改变 glide 的加载策略
2、可以自定义磁盘缓存目录
3、可以设置图片加载的质量
1 2 3 4 5 6 7 8 9 10 11 12 | public class SimpleGlideModule implements GlideModule { @Override public void applyOptions(Context context, GlideBuilder builder) { } @Override public void registerComponents(Context context, Glide glide) { } } |
可以看到重写了两个方法,applyOptions() , registerComponents() . 两个方法都没有返回值 。我们着重于第一个方法,重点研究 GlideBuilder 。
1 2 3 | <meta-data android:name= "app.zuil.com.glidedemo.util.SimpleGlideModule" android:value= "GlideModule" /> |
name是:包名 + 类名
.setMemoryCache(MemoryCache memoryCache)
.setBitmapPool(BitmapPool bitmapPool)
.setDiskCache(DiskCache.Factory diskCacheFactory)
.setDiskCacheService(ExecutorService service)
.setResizeService(ExecutorService service)
.setDecodeFormat(DecodeFormat decodeFormat)
Android里有两个方法去解析图片:ARGB8888
和RGB565
。第一个为每个像素采用4 byte表示,后面一个则用2 byte表示。ARG8888
有更高的图片质量,并且能够存储一个alpha通道。Glide默认使用低质量的RGB565
。你可以通过使用Glide module方法改变解析格式。
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | public class SimpleGlideModule implements GlideModule { @Override public void applyOptions(Context context, GlideBuilder builder) { //定义缓存大小为100M int 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 )); } @Override public void registerComponents(Context context, Glide glide) { } } |
在Glide源码中有一个DiskCache接口,里面的Factory类定义了默认的磁盘缓存大小为:250 M , 缓存路径在:p_w_picpath_manager_disk_cache 目录下
在模拟器上可以查看缓存目录的位置,有些真机看不到这个目录,有可能数据库没有刷新的原因:
源码中有枚举类 DiskCacheStrategy 定义了四种缓存类型
DiskCacheStrategy.SOURCE 缓存原图
DiskCacheStrategy.RESULT 缓存和p_w_picpathview大小匹配的图
DiskCacheStrategy.ALL 既缓存原图,有缓存和p_w_picpathview大小匹配的图
DiskCacheStrategy.NONE 不做任何缓存
通过查看源码我们发现,Glide默认缓存策略是: DiskCacheStrategy.RESULT
比如:网络图片我们叫做 big1.jpg 宽高:3000 x 2000 大小:2.15 M 。
1 | http: //o7rvuansr.bkt.clouddn.com/big1.jpg |
客户端的 p_w_picpathview 大小:300 x 300
1 2 3 4 | <ImageView android: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 ) ;
两个p_w_picpathView ,一个 100 x 100 , 一个 300 x300 ; 先加载第一张,再加载第二张
测试一 : 两张图片都在 DiskCacheStrategy.SOURCE 的情况下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | //加载第一张图 findViewById( R.id.bt1 ).setOnClickListener( new View.OnClickListener() { @Override public 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() { @Override public void onClick(View v) { Glide.with( Activity2. this ).load( url ).diskCacheStrategy( DiskCacheStrategy.SOURCE ).into( p_w_picpathView2 ) ; } }); |
通过测试发现,在加载第一张图片的时候,缓存了2M 的原始图,在加载第二张的时候,就不会再请求网络,直接从缓存中加载。
测试二:第一张图在 DiskCacheStrategy.SOURCE ,第二张在DiskCacheStrategy.RESULT 情况下
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | //加载第一张图 findViewById( R.id.bt1 ).setOnClickListener( new View.OnClickListener() { @Override public 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() { @Override public void onClick(View v) { Glide.with( Activity2. this ).load( url ).diskCacheStrategy( DiskCacheStrategy.RESULT ).into( p_w_picpathView2 ) ; } }); |
通过测试发现,加载第一张图片的情况下,缓存了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 的图片,缓存没有复用。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | //加载第一张图 findViewById( R.id.bt1 ).setOnClickListener( new View.OnClickListener() { @Override public 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() { @Override public 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
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | //加载第二张图 findViewById( R.id.bt1 ).setOnClickListener( new View.OnClickListener() { @Override public void onClick(View v) { Glide.with( Activity2. this ).load( url ).into( p_w_picpathView1 ) ; } }); //加载第二张图 findViewById( R.id.bt2 ).setOnClickListener( new View.OnClickListener() { @Override public 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() { @Override public 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
1 | Glide.with( Activity2. this ).load( url ).diskCacheStrategy( DiskCacheStrategy.SOURCE ).into( p_w_picpathView2 ) ; |
(2)这种情况的缓存 14 KB
1 | Glide.with( Activity2. this ).load( url ).diskCacheStrategy( DiskCacheStrategy.RESULT ).into( p_w_picpathView2 ) ; |
(3)这种情况的缓存 777 KB
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 | package 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 ; @Override protected 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() { @Override public void onClick(View v) { Glide.with( Activity2. this ).load( url ).asBitmap().diskCacheStrategy( DiskCacheStrategy.RESULT ).into( target ) ; } }); target = new SimpleTarget<Bitmap>() { @Override public void onResourceReady(Bitmap bitmap, GlideAnimation glideAnimation) { //图片加载完成 p_w_picpathView2.setImageBitmap( bitmap ); } }; } } |
(4)这种缓存 67 KB
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 | package 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 ; @Override protected 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() { @Override public void onClick(View v) { Glide.with( Activity2. this ).load( url ).asBitmap().diskCacheStrategy( DiskCacheStrategy.RESULT ).into( target ) ; } }); target = new SimpleTarget<Bitmap>( width , height ) { @Override public 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
1 2 | Glide.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
1 2 | Glide.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 。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。