Gilde

基礎(chǔ)篇

• 首先添加依賴 Glide最新版本地址移步這里

implementation 'com.github.bumptech.glide:glide:4.9.0'
annotationProcessor 'com.github.bumptech.glide:compiler:4.9.0'

• Glide的一個(gè)完整的請(qǐng)求至少需要三個(gè)參數(shù)稻爬，代碼如下：

String url = "http://img1.dzwww.com:8080/tupian_pl/20150813/16/7858995348613407436.jpg";
ImageView imageView = findViewById(R.id.imageView);
Glide.with(context)
    .load(url)
    .into(imageView);

這里采用的是鏈?zhǔn)秸{(diào)用方式，寫法清晰干練秘车，對(duì)于鏈?zhǔn)秸{(diào)用的實(shí)現(xiàn)可以看Java的Build設(shè)計(jì)模式留拾。

• with(Context context) - 需要上下文，這里還可以使用 Activity鲫尊、FragmentActivity、android.support.v4.app.Fragment沦偎、android.app.Fragment 的對(duì)象疫向。將 Activity/Fragment 對(duì)象作為參數(shù)的好處是，圖片的加載會(huì)和 Activity/Fragment 的生命周期保持一致豪嚎，例如：onPaused 時(shí)暫停加載搔驼，onResume 時(shí)又會(huì)自動(dòng)重新加載。所以在傳參的時(shí)候建議使用 Activity/Fragment 對(duì)象侈询，而不是 Context舌涨。
  load(String url) - 這里我們所使用的一個(gè)字符串形式的網(wǎng)絡(luò)圖片的 URL，后面會(huì)講解 load() 的更多使用方式
  into(ImageView imageView) - 你需要顯示圖片的目標(biāo) ImageView

• 占位圖設(shè)置
  偶爾出現(xiàn)圖片加載慢或者加載不出來的情況是難以避免的扔字，所以為了 UI 能好看一些囊嘉，我們會(huì)使用占位圖。Glide 也為我們提供這種方法 placeHolder() 和 error()

String url = "http://img1.dzwww.com:8080/tupian_pl/20150813/16/7858995348613407436.jpg";
ImageView imageView = (ImageView) findViewById(R.id.imageView);
Glide.with(context)
    .load(url)
    .placeholder(R.drawable.place_image)//圖片加載出來前革为，顯示的圖片
    .error(R.drawable.error_image)//圖片加載失敗后扭粱，顯示的圖片
    .into(imageView);

注：這里需要注意一點(diǎn)，placeholder() 和 error() 的參數(shù)都是只支持 int 和 Drawable 類型的參數(shù)震檩，這種設(shè)計(jì)應(yīng)該是考慮到使用本地圖片比網(wǎng)絡(luò)圖片更加合適做占位圖琢蛤。

• 縮略圖

lide.with( context )
    .load( url )
    .thumbnail( 0.2f )
    .into( imageView );

調(diào)用 thumbnail() 方法蜓堕，參數(shù)是 float 類型，作為其倍數(shù)大小博其。例如套才，你傳入 0.2f 作為參數(shù)，Glide 將會(huì)顯示原始圖片的20%的大小
使用 thumbnail() 方法來設(shè)置是簡(jiǎn)單粗暴的慕淡，但是如果縮略圖需要通過網(wǎng)絡(luò)加載相同的全尺寸圖片背伴，就不會(huì)很快的顯示了。所以 Glide 提供了另一種防止去加載縮略圖儡率，先看代碼

private void loadImageThumbnailRequest(){
    // setup Glide request without the into() method
    DrawableRequestBuilder<String> thumbnailRequest = Glide.with( context ).load( url );
    // pass the request as a a parameter to the thumbnail request
    Glide.with( context )
        .load( url )
        .thumbnail( thumbnailRequest )
        .into( imageView );
}

與第一種方式不同的是挂据，這里的第一個(gè)縮略圖請(qǐng)求是完全獨(dú)立于第二個(gè)原始請(qǐng)求的(針對(duì)的是單張圖片)。該縮略圖可以是不同的資源圖片儿普，同時(shí)也可以對(duì)縮略圖做不同的轉(zhuǎn)換崎逃，等等...

• 動(dòng)畫開關(guān)
  動(dòng)畫效果可以讓圖片加載變得更加的平滑，crossFade() 方法強(qiáng)制開啟 Glide 默認(rèn)的圖片淡出淡入動(dòng)畫眉孩，當(dāng)前版本3.7.0是默認(rèn)開啟的个绍。crossFade() 還有一個(gè)重載方法 crossFade(int duration)±送簦可以控制動(dòng)畫的持續(xù)時(shí)間巴柿，單位ms。動(dòng)畫默認(rèn)的持續(xù)時(shí)間是300ms死遭。既然可以添加動(dòng)畫广恢，那肯定就可以設(shè)置沒有任何淡出淡入效果，調(diào)用 dontAnimate()

Glide.with(context)
    .load(url)
    .crossFade()//或者使用 dontAnimate() 關(guān)閉動(dòng)畫
    .placeholder(R.drawable.place_image)
    .error(R.drawable.error_image)
    .into(imageView);

• 圖片大小與裁剪
  在項(xiàng)目開發(fā)過程中呀潭，指定圖片顯示大小長(zhǎng)長(zhǎng)可能用到钉迷，畢竟從服務(wù)器獲取的圖片不一定都是符合設(shè)計(jì)圖的標(biāo)準(zhǔn)的。我們?cè)谶@里就可以使用 override(width,height) 方法钠署，在圖片顯示到 ImageView 之前糠聪，重新改變圖片大小。

Glide.with(context)
    .load(url)
    .override(width,height)//這里的單位是px
    .into(imageView);

• 圖片的緩存處理
  為了更快的加載圖片谐鼎，我們肯定希望可以直接拿到圖片舰蟆，而不是進(jìn)行網(wǎng)絡(luò)請(qǐng)求，所以我們需要緩存狸棍。Glide 通過使用默認(rèn)的內(nèi)存和磁盤緩存來避免不必要的網(wǎng)絡(luò)請(qǐng)求身害，之后我們?cè)僭敿?xì)的去看它的實(shí)現(xiàn)。

內(nèi)存緩存
內(nèi)存緩存是 Glide 默認(rèn)幫我們做了的隔缀，除非你不需要题造，可以調(diào)用 skipMemoryCache(true) 告訴 Glide 跳過內(nèi)存緩存。這樣 Glide 就不會(huì)把這張圖片放到內(nèi)存緩存中猾瘸，該方法只影響內(nèi)存緩存界赔。（不要問調(diào)用skipMemoryCache(false)的問題丢习，Glide 是默認(rèn)將圖片放入內(nèi)存緩存中的）

磁盤緩存
磁盤緩存也是默認(rèn)開啟的，當(dāng)然也是可以關(guān)閉的淮悼，不過關(guān)閉的方式略微有點(diǎn)不一樣咐低。

Glide.with(context)
    .load(url)
    .skipMemoryCache(true)
    .diskCacheStrategy( DiskCacheStrategy.NONE )
    .into(imageView);

自定義磁盤緩存行為
使用 DiskCacheStrategy 可以為 Glide 配置磁盤緩存行為。Glide 的磁盤緩存比較復(fù)雜袜腥，這也是在圖片加載可以比 Picasso 的原因（之一）见擦。Picasso 只緩存了全尺寸的圖片，而 Glide 的不同之處在于羹令，Glide 不僅緩存了全尺寸的圖鲤屡，還會(huì)根據(jù) ImageView 大小所生成的圖也會(huì)緩存起來。比如福侈，請(qǐng)求一個(gè) 800x600 的圖加載到一個(gè) 400x300 的 ImageView 中酒来，Glide默認(rèn)會(huì)將這原圖還有加載到 ImageView 中的 400x300 的圖也會(huì)緩存起來。

DiskCacheStrategy 的枚舉意義：
DiskCacheStrategy.NONE 什么都不緩存
DiskCacheStrategy.SOURCE 只緩存全尺寸圖
DiskCacheStrategy.RESULT 只緩存最終的加載圖
DiskCacheStrategy.ALL 緩存所有版本圖（默認(rèn)行為）

Glide.with(context)
    .load(url)
    .diskCacheStrategy( DiskCacheStrategy.SOURCE )
    .into(imageView);

• 圖片優(yōu)先級(jí)
  同一時(shí)間加載多個(gè)圖片肪凛，App 將難以避免這種情況堰汉。如果這個(gè)時(shí)候我們希望用戶的體驗(yàn)更好，往往會(huì)選擇先加載對(duì)于用戶更加重要的圖片伟墙。Glide 可以調(diào)用 .priority() 方法配合 Priority 枚舉來設(shè)置圖片加載的優(yōu)先級(jí)翘鸭。

Glide.with( context )
    .load( highPriorityImageUrl )
    .priority (Priority.HIGH )
    .into( imageView );
//設(shè)置 LOW 優(yōu)先級(jí)
Glide.with( context )
    .load( lowPriorityImageUrl )
    .priority( Priority.LOW )
    .into( imageView );

Priority.LOW
Priority.NORMAL
Priority.HIGH
Priority.IMMEDIAT
這里有一點(diǎn)需要注意，優(yōu)先級(jí)并不是完全嚴(yán)格遵守的戳葵。Glide 將會(huì)用他們作為一個(gè)準(zhǔn)則就乓，盡可能的處理這些請(qǐng)求，但是不能保證所有的圖片都會(huì)按照所有要求的順序加載拱烁。

• 顯示 Gif 和 Video
  顯示 GIf 對(duì)于 Glide 來說一個(gè)比較特別的功能（至少 Picasso 暫時(shí)還不行）而且使用起來非常簡(jiǎn)單

String gifUrl = "http://i2.mhimg.com/M00/0E/AE/CgAAilTPWJ2Aa_EIACcMxiZi5xE299.gif";
Glide.with( context )
    .load( gifUrl )
    .placeholder（ R.drawable.default ）
    .error( R.drawable.error )
    .into( imageView );

這段代碼還有點(diǎn)問題档址，如果加載的不是一張 gif 圖的話，是沒有辦法顯示的邻梆。

Glide.with( context )
    .load( gifUrl )
    .asGif()
    .error( R.drawable.error )
    .into( imageView );

做以上修改，如果圖片類型不是 Gif 圖的話就會(huì)當(dāng)作 load 失敗來處理绎秒，因此 error() 會(huì)被回調(diào)浦妄。即使這個(gè)url的圖片是好的，也是不會(huì)顯示的见芹。當(dāng)然剂娄，如果你想顯示 Gif 但只是向現(xiàn)實(shí)靜態(tài)的圖片你就可以這么做

Glide.with( context )
    .load( gifUrl )
    .asBitmap()
    .error( R.drawable.error )
    .into( imageView );

僅僅是顯示 Gif 的第一幀圖像，這樣就可以保證圖片的正常顯示了玄呛。

還有一個(gè)神奇的功能阅懦，Glide 還能顯示視頻！But...只能夠顯示手機(jī)本地的視頻徘铝，要是向現(xiàn)實(shí)網(wǎng)絡(luò)上的視頻的話耳胎，還是另尋他法吧惯吕！

String filePath = "/storrage/emulated/0/Pictures/video.mp4";
Glide.with( context )
    .load( Uri.fromFile( new File( filePath ) ) )
    .into( imageView );

Target

Target 其實(shí)就是整個(gè)圖片的加載的生命周期，所以我們就可以通過它在圖片加載完成之后獲取到 Bitmap怕午。

• simpleTarget

private SimpleTarget<Bitmap> mSimpleTarget = new SimpleTarget<Bitmap>() {
    @Override
    public void onResourceReady(Bitmap resource, GlideAnimation<? super Bitmap> animation) {
        mImageView.setImageBitmap(resource);
    }
};

private void loadImageSimpleTarget() {
    Glide.with( thi s)
        .load( mUrl )
        .asBitmap()
        .into( mSimpleTarget );
}

首先創(chuàng)建了一個(gè) SimpleTarget 的對(duì)象并且實(shí)現(xiàn)了 onResourceReady() 方法废登，看方法名能知道是圖片加載完之后會(huì)調(diào)用該方法，參數(shù)就有我們需要的 Bitmap 郁惜。而使用 SimpleTarget 的對(duì)象的時(shí)候就像使用 ImageView 一樣堡距，作為參數(shù)傳給 into() 方法就行了，Glide 會(huì)內(nèi)部去處理并返回結(jié)果給任何一個(gè)對(duì)象兆蕉。這里我們?yōu)榱朔乐辜虞d Gif 羽戒、 Video 或者一些位置資源時(shí)與 mSimpleTarget 沖突，所以我們調(diào)用了 asBitmap() 方法虎韵，使其只能返回 Bitmap 對(duì)象易稠。

• 在simpleTarget中改變圖片大小
  節(jié)省時(shí)間和內(nèi)存，你可以在 SimpleTarget 的回調(diào)聲明中指定圖片的大小劝术。

private SimpleTarget<Bitmap> mSimpleTarget = new SimpleTarget<Bitmap>(500,500) {
    @Override
    public void onResourceReady(Bitmap resource, GlideAnimation<? super Bitmap> animation) {
        mImageView.setImageBitmap(resource);
    }
};

從代碼中可以看到 SimpleTarget 的對(duì)象的聲明沒有使用匿名對(duì)象缩多，而是單獨(dú)的聲明了一個(gè)變量，這里是故意這么做的养晋，如果使用匿名內(nèi)部類的方式創(chuàng)建 SimpleTarget 的對(duì)象衬吆，這樣會(huì)增大該對(duì)象在 Glide 完成圖片請(qǐng)求之前就被回收的可能性。

• with() 方法傳入 Activity 或者 Fragment 時(shí) Glide 的圖片加載會(huì)與他們的生命周期關(guān)聯(lián)起來绳泉，但是如果我們使用 Target 的話逊抡，這個(gè) Target 就有可能獨(dú)立于他們的生命周期以外，這時(shí)候我們就需要使用 context.getApplicationContext() 的上下文了零酪，這樣只有在應(yīng)用完全停止時(shí) Glide 才會(huì)殺死這個(gè)圖片請(qǐng)求冒嫡。代碼如下

Glide.with(mContext.getApplicationContext())
        .load(mUrl)
        .asBitmap()
        .into(target);

• 占位符 placeholder() 方法：在加載開始 -- 加載完成，這段時(shí)間顯示的圖片四苇。如果加載失敗孝凌，則最終顯示占位符。

imageView = (ImageView) findViewById( R.id.image );
Glide.with( this ).load( url ).placeholder( R.drawable.user ).into( imageView ) ;

• 占位符 error() 方法：在加載失敗的情況下月腋，顯示的圖片蟀架。

imageView = (ImageView) findViewById( R.id.image );
Glide.with( this ).load( url ).placeholder( R.drawable.user ).error( R.drawable.default_error ).into( imageView ) ;

• 加載 drawable 里面的圖片

imageView = (ImageView) findViewById( R.id.image );
Glide.with( this ).load( R.drawable.icon ).asBitmap().into( imageView ) ;

• 加載 SD 卡里面的一張圖片 1 load( String string)

imageView = (ImageView) findViewById( R.id.image );
//sd卡上的一張圖片
String path = Environment.getExternalStorageDirectory().getAbsolutePath() + "/temp.jpg" ;
Glide.with( this ).load( path ).into( imageView ) ;

• 加載 SD 卡里面的一張圖片 2 load( File file )

imageView = (ImageView) findViewById( R.id.image );
 //sd卡上的一張圖片
String path = Environment.getExternalStorageDirectory().getAbsolutePath() + "/temp.jpg" ;
File file = new File( path ) ;
Glide.with( this ).load( file ).into( imageView ) ; 

• 加載 SD 卡里面的一張圖片 3 load( Uri uri )

//sd卡上的一張圖片
String path = Environment.getExternalStorageDirectory().getAbsolutePath() + "/temp.jpg" ;
File file = new File( path ) ;
Uri uri = Uri.fromFile( file ) ;
Glide.with( this ).load( uri ).into( imageView ) ;

• Glide.with() 生命周期控制
  with(Context context). 使用Application上下文，Glide請(qǐng)求將不受Activity/Fragment生命周期控制榆骚。
  with(Activity activity). 使用Activity作為上下文片拍，Glide的請(qǐng)求會(huì)受到Activity生命周期控制。
  with(FragmentActivity activity).Glide的請(qǐng)求會(huì)受到FragmentActivity生命周期控制妓肢。
  with(android.app.Fragment fragment).Glide的請(qǐng)求會(huì)受到Fragment 生命周期控制捌省。
  with(android.support.v4.app.Fragment fragment).Glide的請(qǐng)求會(huì)受到Fragment生命周期控制。

Picasso

添加依賴 這里是Picasso

implementation 'com.squareup.picasso:picasso:2.71828'

功能特點(diǎn)

• 功能列表

從上面可以看出碉钠，Picasso不僅實(shí)現(xiàn)了圖片異步加載的功能纲缓，還解決了Android中加載圖片時(shí)需要解決的一些常見問題

• 圖片的異步加載（最基礎(chǔ)功能）

ImageView targetImageView = (ImageView) findViewById(R.id.ImageView);
        String Url = "http://218.192.170.132/1.jpg";

//Picasso使用了流式接口的調(diào)用方式
//Picasso類是核心實(shí)現(xiàn)類卷拘。
//實(shí)現(xiàn)圖片加載功能至少需要三個(gè)參數(shù)：
        Picasso .with(context)//Picasso的with只能傳入context
                .load(Url)//：被加載圖像的Url地址。大多情況下色徘，一個(gè)字符串代表一個(gè)網(wǎng)絡(luò)圖片的URL恭金。
                .into(targetImageView);//into(ImageView targetImageView)：圖片最終要展示的地方。

• 圖片轉(zhuǎn)換
  使用最少的內(nèi)存完成復(fù)雜的圖片轉(zhuǎn)換褂策，轉(zhuǎn)換圖片以適合所顯示的ImageView横腿，來減少內(nèi)存消耗

Picasso.with(context)
  .load(url)
//裁剪圖片尺寸
  .resize(50, 50)
//設(shè)置圖片圓角
  .centerCrop()
  .into(imageView)

• 加載過重 & 錯(cuò)誤處理

Picasso支持加載過程中和加載錯(cuò)誤時(shí)顯示對(duì)應(yīng)圖片
Picasso.with(context)
    .load(url)
//加載過程中的圖片顯示
    .placeholder(R.drawable.user_placeholder)
//加載失敗中的圖片顯示
//如果重試3次（下載源代碼可以根據(jù)需要修改）還是無法成功加載圖片，則用錯(cuò)誤占位符圖片顯示斤寂。
    .error(R.drawable.user_placeholder_error)
    .into(imageView);

• 從不同資源源加載
  支持多種數(shù)據(jù)源 網(wǎng)絡(luò)耿焊、本地、資源遍搞、Assets 等

//加載資源文件
Picasso.with(context).load(R.drawable.landing_screen).into(imageView1);
//加載本地文件
Picasso.with(context).load(new File("/images/oprah_bees.gif")).into(imageView2);

• 自動(dòng)添加磁盤和內(nèi)存二級(jí)緩存功能

• 支持優(yōu)先級(jí)處理
  每次任務(wù)調(diào)度前會(huì)選擇優(yōu)先級(jí)高的任務(wù)罗侯，比如 App 頁(yè)面中 Banner 的優(yōu)先級(jí)高于 Icon 時(shí)就很適用。

• 支持飛行模式溪猿、并發(fā)線程數(shù)根據(jù)網(wǎng)絡(luò)類型而變
  手機(jī)切換到飛行模式或網(wǎng)絡(luò)類型變換時(shí)會(huì)自動(dòng)調(diào)整線程池最大并發(fā)數(shù)钩杰，比如 wifi 最大并發(fā)為 4， 4g 為 3诊县，3g 為 2

• “無”本地緩存
  無”本地緩存讲弄，不是說沒有本地緩存，而是 Picasso 自己沒有實(shí)現(xiàn)依痊，交給了 Square 的另外一個(gè)網(wǎng)絡(luò)庫(kù) okhttp 去實(shí)現(xiàn)避除，這樣的好處是可以通過請(qǐng)求 Response Header 中的 Cache-Control 及 Expired 控制圖片的過期時(shí)間。