您好,登錄后才能下訂單哦!
在泰國舉行的谷歌開發者論壇上,谷歌為我們介紹了一個名叫 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進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。