android Glide圖片加載庫使用

Glide是一款由Bump Technologies開發的圖片加載框架，使得咱們能夠在Android平臺上以極度簡單的方式加載和展現圖片。

要想使用Glide，首先須要將這個庫引入到咱們的項目當中。新建一個GlideTest項目，而後在app/build.gradle文件當中添加以下依賴：

```
dependencies {
    compile 'com.github.bumptech.glide:glide:3.7.0'
}

```


另外，Glide中須要用到網絡功能，所以你還得在AndroidManifest.xml中聲明一下網絡權限才行：

```


```

就是這麼簡單，而後咱們就能夠自由地使用Glide中的任意功能了。

#### 加載圖片

那麼首先打開項目的佈局文件，在佈局當中加入一個Button和一個ImageView，以下所示：

```



    

    



```

爲了讓用戶點擊Button的時候可以將剛纔的圖片顯示在ImageView上，咱們須要修改MainActivity中的代碼，以下所示：

```
public class MainActivity extends AppCompatActivity {

    ImageView imageView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        imageView = (ImageView) findViewById(R.id.image_view);
    }

    public void loadImage(View view) {
        String url = "http://cn.bing.com/az/hprichbg/rb/Dongdaemun_ZH-CN10736487148_1920x1080.jpg";
        Glide.with(this).load(url).into(imageView);
    }

}

```

沒錯，就是這麼簡單。如今咱們來運行一下程序，效果以下圖所示：

![](http://upload-images.jianshu.io/upload_images/2325960-9908ca8fa44a2778?imageMogr2/auto-orient/strip%7CimageView2/2/w/270)

能夠看到，一張網絡上的圖片已經被成功下載，而且展現到ImageView上了。

而咱們到底作了什麼？實際上核心的代碼就只有這一行而已：

```
Glide.with(this).load(url).into(imageView);

```

千萬不要小看這一行代碼，實際上僅僅就這一行代碼，你已經能夠作很是很是多的事情了，包括加載網絡上的圖片、加載手機本地的圖片、加載應用資源中的圖片等等。

下面咱們就來詳細解析一下這行代碼。

首先，調用Glide.with()方法用於建立一個加載圖片的實例。with()方法能夠接收Context、Activity或者Fragment類型的參數。也就是說咱們選擇的範圍很是廣，不論是在Activity仍是Fragment中調用with()方法，均可以直接傳this。那若是調用的地方既不在Activity中也不在Fragment中呢？也不要緊，咱們能夠獲取當前應用程序的ApplicationContext，傳入到with()方法當中。注意with()方法中傳入的實例會決定Glide加載圖片的生命週期，若是傳入的是Activity或者Fragment的實例，那麼當這個Activity或Fragment被銷燬的時候，圖片加載也會中止。若是傳入的是ApplicationContext，那麼只有當應用程序被殺掉的時候，圖片加載纔會中止。

接下來看一下load()方法，這個方法用於指定待加載的圖片資源。Glide支持加載各類各樣的圖片資源，包括網絡圖片、本地圖片、應用資源、二進制流、Uri對象等等。所以load()方法也有不少個方法重載，除了咱們剛纔使用的加載一個字符串網址以外，你還能夠這樣使用load()方法：

```
// 加載本地圖片
File file = new File(getExternalCacheDir() + "/image.jpg");
Glide.with(this).load(file).into(imageView);

// 加載應用資源
int resource = R.drawable.image;
Glide.with(this).load(resource).into(imageView);

// 加載二進制流
byte[] image = getImageBytes();
Glide.with(this).load(image).into(imageView);

// 加載Uri對象
Uri imageUri = getImageUri();
Glide.with(this).load(imageUri).into(imageView);

```

最後看一下into()方法，這個方法就很簡單了，咱們但願讓圖片顯示在哪一個ImageView上，把這個ImageView的實例傳進去就能夠了。固然，into()方法不只僅是隻能接收ImageView類型的參數，還支持不少更豐富的用法，不過那個屬於高級技巧，咱們會在後面的文章當中學習。

那麼回顧一下Glide最基本的使用方式，其實就是關鍵的三步走：先with()，再load()，最後into()。熟記這三步，你就已經入門Glide了。

#### 佔位圖

如今咱們來學一些Glide的擴展內容。其實剛纔所學的三步走就是Glide最核心的東西，而咱們後面所要學習的全部東西都是在這個三步走的基礎上不斷進行擴展而已。

觀察剛纔加載網絡圖片的效果，你會發現，點擊了Load Image按鈕以後，要稍微等一會圖片纔會顯示出來。這其實很容易理解，由於從網絡上下載圖片原本就是須要時間的。那麼咱們有沒有辦法再優化一下用戶體驗呢？固然能夠，Glide提供了各類各樣很是豐富的API支持，其中就包括了佔位圖功能。

顧名思義，佔位圖就是指在圖片的加載過程當中，咱們先顯示一張臨時的圖片，等圖片加載出來了再替換成要加載的圖片。

下面咱們就來學習一下Glide佔位圖功能的使用方法，首先我事先準備好了一張loading.jpg圖片，用來做爲佔位圖顯示。而後修改Glide加載部分的代碼，以下所示：

```
Glide.with(this)
     .load(url)
     .placeholder(R.drawable.loading)
     .into(imageView);

```

沒錯，就是這麼簡單。咱們只是在剛纔的三步走之間插入了一個placeholder()方法，而後將佔位圖片的資源id傳入到這個方法中便可。另外，這個佔位圖的用法其實也演示了Glide當中絕大多數API的用法，其實就是在load()和into()方法之間串接任意想添加的功能就能夠了。

不過若是你如今從新運行一下代碼並點擊Load Image，極可能是根本看不到佔位圖效果的。由於Glide有很是強大的緩存機制，咱們剛纔加載那張必應美圖的時候Glide自動就已經將它緩存下來了，下次加載的時候將會直接從緩存中讀取，不會再去網絡下載了，於是加載的速度很是快，因此佔位圖可能根原本不及顯示。

所以這裏咱們還須要稍微作一點修改，來讓佔位圖能有機會顯示出來，修改代碼以下所示：

```
Glide.with(this)
     .load(url)
     .placeholder(R.drawable.loading)
     .diskCacheStrategy(DiskCacheStrategy.NONE)
     .into(imageView);

```

能夠看到，這裏串接了一個diskCacheStrategy()方法，並傳入DiskCacheStrategy.NONE參數，這樣就能夠禁用掉Glide的緩存功能。

關於Glide緩存方面的內容咱們將會在後面的文章進行詳細的講解，這裏只是爲了[測試](https://link.jianshu.com?t=http://lib.csdn.net/base/softwaretest)佔位圖功能而加的一個額外配置，暫時你只須要知道禁用緩存必須這麼寫就能夠了。

如今從新運行一下代碼，效果以下圖所示：

![](http://upload-images.jianshu.io/upload_images/2325960-ec099ec1b0ea14af?imageMogr2/auto-orient/strip%7CimageView2/2/w/270)

能夠看到，當點擊Load Image按鈕以後會當即顯示一張佔位圖，而後等真正的圖片加載完成以後會將佔位圖替換掉。

固然，這只是佔位圖的一種，除了這種加載佔位圖以外，還有一種異常佔位圖。異常佔位圖就是指，若是由於某些異常狀況致使圖片加載失敗，好比說手機網絡信號很差，這個時候就顯示這張異常佔位圖。

異常佔位圖的用法相信你已經能夠猜到了，首先準備一張error.jpg圖片，而後修改Glide加載部分的代碼，以下所示：

```
Glide.with(this)
     .load(url)
     .placeholder(R.drawable.loading)
     .error(R.drawable.error)
     .diskCacheStrategy(DiskCacheStrategy.NONE)
     .into(imageView);

```

很簡單，這裏又串接了一個error()方法就能夠指定異常佔位圖了。

如今你能夠將圖片的url地址修改爲一個不存在的圖片地址，或者乾脆直接將手機的網絡給關了，而後從新運行程序，效果以下圖所示：

![](http://upload-images.jianshu.io/upload_images/2325960-36ba02f169099599?imageMogr2/auto-orient/strip%7CimageView2/2/w/270)

這樣咱們就把Glide提供的佔位圖功能都掌握了。

#### 指定圖片格式

咱們還須要再瞭解一下Glide另一個強大的功能，那就是Glide是支持加載GIF圖片的。這一點確實很是牛逼，由於相比之下Jake Warton曾經明確表示過，Picasso是不會支持加載GIF圖片的。

而使用Glide加載GIF圖並不須要編寫什麼額外的代碼，Glide內部會自動判斷圖片格式。好比這是一張GIF圖片的URL地址：


```
http://p1.pstatp.com/large/166200019850062839d3
```


咱們只須要將剛纔那段加載圖片代碼中的URL地址替換成上面的地址就能夠了，如今從新運行一下代碼，效果以下圖所示：

![](http://upload-images.jianshu.io/upload_images/2325960-58322b5684f451de?imageMogr2/auto-orient/strip%7CimageView2/2/w/270)

也就是說，無論咱們傳入的是一張普通圖片，仍是一張GIF圖片，Glide都會自動進行判斷，而且能夠正確地把它解析並展現出來。

可是若是我想指定圖片的格式該怎麼辦呢？就好比說，我但願加載的這張圖必須是一張靜態圖片，我不須要Glide自動幫我判斷它究竟是靜圖仍是GIF圖。

想實現這個功能仍然很是簡單，咱們只須要再串接一個新的方法就能夠了，以下所示：

```
Glide.with(this)
     .load(url)
     .asBitmap()
     .placeholder(R.drawable.loading)
     .error(R.drawable.error)
     .diskCacheStrategy(DiskCacheStrategy.NONE)
     .into(imageView);

```

能夠看到，這裏在load()方法的後面加入了一個asBitmap()方法，這個方法的意思就是說這裏只容許加載靜態圖片，不須要Glide去幫咱們自動進行圖片格式的判斷了。

如今從新運行一下程序，效果以下圖所示：
![](http://upload-images.jianshu.io/upload_images/2325960-b6ba0edd387ce461?imageMogr2/auto-orient/strip%7CimageView2/2/w/270)

因爲調用了asBitmap()方法，如今GIF圖就沒法正常播放了，而是會在界面上顯示第一幀的圖片。

那麼相似地，既然咱們能強制指定加載靜態圖片，就也能強制指定加載動態圖片。好比說咱們想要實現必須加載動態圖片的功能，就能夠這樣寫：

```
Glide.with(this)
     .load(url)
     .asGif()
     .placeholder(R.drawable.loading)
     .error(R.drawable.error)
     .diskCacheStrategy(DiskCacheStrategy.NONE)
     .into(imageView);

```

這裏調用了asGif()方法替代了asBitmap()方法，很好理解，相信不用我多作什麼解釋了。

那麼既然指定了只容許加載動態圖片，若是咱們傳入了一張靜態圖片的URL地址又會怎麼樣呢？試一下就知道了，將圖片的URL地址改爲剛纔的必應美圖，而後從新運行代碼，效果以下圖所示。

![](http://upload-images.jianshu.io/upload_images/2325960-7c783a624f16be92?imageMogr2/auto-orient/strip%7CimageView2/2/w/270)

沒錯，若是指定了只能加載動態圖片，而傳入的圖片倒是一張靜圖的話，那麼結果天然就只有加載失敗嘍。

#### 指定圖片大小

實際上，使用Glide在絕大多數狀況下咱們都是不須要指定圖片大小的。

在學習本節內容以前，你可能還須要先了解一個概念，就是咱們平時在加載圖片的時候很容易會形成內存浪費。什麼叫內存浪費呢？好比說一張圖片的尺寸是1000*1000像素，可是咱們界面上的ImageView可能只有200*200像素，這個時候若是你不對圖片進行任何壓縮就直接讀取到內存中，這就屬於內存浪費了，由於程序中根本就用不到這麼高像素的圖片。

關於圖片壓縮這方面，我以前也翻譯過Android官方的一篇文章，感興趣的朋友能夠去閱讀一下 [Android高效加載大圖、多圖解決方案，有效避免程序OOM](https://link.jianshu.com?t=http://blog.csdn.net/guolin_blog/article/details/9316683) 。

而使用Glide，咱們就徹底不用擔憂圖片內存浪費，甚至是內存溢出的問題。由於Glide歷來都不會直接將圖片的完整尺寸所有加載到內存中，而是用多少加載多少。Glide會自動判斷ImageView的大小，而後只將這麼大的圖片像素加載到內存當中，幫助咱們節省內存開支。

固然，Glide也並無使用什麼神奇的魔法，它內部的實現原理其實就是上面那篇文章當中介紹的技術，所以掌握了最基本的實現原理，你也能夠本身實現一套這樣的圖片壓縮機制。

也正是由於Glide是如此的智能，因此剛纔在開始的時候我就說了，在絕大多數狀況下咱們都是不須要指定圖片大小的，由於Glide會自動根據ImageView的大小來決定圖片的大小。

不過，若是你真的有這樣的需求，必須給圖片指定一個固定的大小，Glide仍然是支持這個功能的。修改Glide加載部分的代碼，以下所示：

```
Glide.with(this)
     .load(url)
     .placeholder(R.drawable.loading)
     .error(R.drawable.error)
     .diskCacheStrategy(DiskCacheStrategy.NONE)
     .override(100, 100)
     .into(imageView);

```

仍然很是簡單，這裏使用override()方法指定了一個圖片的尺寸，也就是說，Glide如今只會將圖片加載成100*100像素的尺寸，而不會管你的ImageView的大小是多少了。