在圖片加載庫爛大街的今天，選擇一個(gè)適合自己使用的圖片加載庫已經(jīng)成為了每一個(gè)Android開發(fā)者的必經(jīng)之路。現(xiàn)在市面上知名的圖片加載庫有UIL，Picasso，Volley ImageLoader，Fresco以及我們今天的主角Glide。它們各有千秋，不能評(píng)定誰一定比誰好，只能說哪一個(gè)更適合你。

我的理解

下面我來談一下個(gè)人對(duì)這些圖片加載庫的理解，如有錯(cuò)誤，還望指教。

• Universal Image Loader：一個(gè)強(qiáng)大的圖片加載庫，包含各種各樣的配置，最老牌，使用也最廣泛。

• Picasso: Square出品，必屬精品。和OKHttp搭配起來更配呦！

• Volley ImageLoader：Google官方出品，可惜不能加載本地圖片~

• Fresco：Facebook出的，天生驕傲！不是一般的強(qiáng)大。

• Glide：Google推薦的圖片加載庫，專注于流暢的滾動(dòng)。

更多詳情請(qǐng)看stackoverflow上這個(gè)問題。

初試Glide

下面進(jìn)入今天的主題，相信之前很多同學(xué)都看到過這篇介紹Glide的文章，中文版在這里。文中從各個(gè)方面介紹和比較了Glide與Picasso，總體來說二者極為相似，有著近乎相同的API的使用風(fēng)格。但Glide在緩存策略和加載GIF方面略勝一籌。最后作者也極力推薦了這個(gè)庫。

而且據(jù)說在Google新出的Photos應(yīng)用中，到處可見Glide的蹤跡。看到這里，你是不是已經(jīng)迫不及待的想試一試這個(gè)庫呢？就在你下定決心嘗試一記的時(shí)候，你又聽說Yelp app(據(jù)說是美國的大眾點(diǎn)評(píng))也在使用這個(gè)吊炸天的庫。你的心中激動(dòng)萬分，發(fā)四一定要使用這個(gè)庫。說干就干，打開Android Studio，在builde.gradle里面添加上

compile 'com.github.bumptech.glide:glide:3.6.1'

然后全局搜索圖片加載的地方，全部換成了下面的代碼：

Glide.with(mContext).load(url).placeholder(R.drawable.loading_spinner).crossFade().into(myImageView);

在經(jīng)過漫長(zhǎng)的編譯過程之后，再次打開APP，看到有著漸現(xiàn)效果的圖片呈現(xiàn)在你的面前，你不禁叫道：“wocao,真TM帥！為什么我以前沒有發(fā)現(xiàn)呢？”

不過在你使用了幾天之后你會(huì)發(fā)現(xiàn)一些問題：

為什么 有的圖片第一次加載的時(shí)候只顯示占位圖，第二次才顯示正常的圖片呢？

為什么 我總會(huì)得到類似You cannot start a load for a destroyed activity這樣的異常呢？

為什么 我不能給加載的圖片setTag()呢？

為什么？為什么？這么NB的庫竟然會(huì)有這么多的問題。沒錯(cuò)，這就是我今天要講的重點(diǎn)。怎么避免上面的問題發(fā)生。

一些解決方案

1、如果你剛好使用了這個(gè)圓形Imageview庫或者其他的一些自定義的圓形Imageview，而你又剛好設(shè)置了占位的話，那么，你就會(huì)遇到第一個(gè)問題。如何解決呢？

• 方案一：不設(shè)置占位
• 方案二：使用Glide的Transformation API自定義圓形Bitmap的轉(zhuǎn)換。這里是一個(gè)已有的例子
• 方案三：使用下面的代碼加載圖片

Glide.with(mContext).load(url) .placeholder(R.drawable.loading_spinner).into(new SimpleTarget<Bitmap>(width, height) {@Override public void onResourceReady(Bitmap bitmap, GlideAnimation anim) {// setImageBitmap(bitmap) on CircleImageView } };

2、至于第二個(gè)問題，請(qǐng)記住一句話：不要再非主線程里面使用Glide加載圖片，如果真的使用了，請(qǐng)把context參數(shù)換成getApplicationContext。更多的細(xì)節(jié)請(qǐng)參考這個(gè)issue

3、為什么不能設(shè)置Tag，是因?yàn)槟闶褂玫淖藙?shì)不對(duì)哦。如何為ImageView設(shè)置Tag呢？且聽我細(xì)細(xì)道來。

方案一：使用setTag(int,object)方法設(shè)置tag,具體用法如下：

Java代碼是醬紫的：

Glide.with(context).load(urls.get(i).getUrl()).fitCenter().into(imageViewHolder.image);imageViewHolder.image.setTag(R.id.image_tag, i);imageViewHolder.image.setOnClickListener(new View.OnClickListener() {@Overrideint position = (int) v.getTag(R.id.image_tag);Toast.makeText(context, urls.get(position).getWho(), Toast.LENGTH_SHORT).show();}});

同時(shí)在values文件夾下新建ids.xml，添加

<item name="image_tag" type="id"/>

大功告成!

方案二：從Glide的3.6.0之后，新添加了全局設(shè)置的方法。具體方法如下：

先實(shí)現(xiàn)GlideMoudle接口，全局設(shè)置ViewTaget的tagId:

public class MyGlideMoudle implements GlideModule{@Overridepublic void applyOptions(Context context, GlideBuilder builder) {ViewTarget.setTagId(R.id.glide_tag_id);}@Overridepublic void registerComponents(Context context, Glide glide) {} }

同樣，也需要在ids.xml下添加id

<item name="glide_tag_id" type="id"/>

最后在AndroidManifest.xml文件里面添加

<meta-data android:name="com.yourpackagename.MyGlideMoudle"android:value="GlideModule" />

又可以愉快的玩耍了，嘻嘻`(∩_∩)′。

方案三：寫一個(gè)繼承自ImageViewTaget的類，復(fù)寫它的get/setRequest方法。

Glide.with(context).load(urls.get(i).getUrl()).fitCenter().into(new ImageViewTarget<GlideDrawable>(imageViewHolder.image) {@Overrideprotected void setResource(GlideDrawable resource) {imageViewHolder.image.setImageDrawable(resource);}@Overridepublic void setRequest(Request request) {imageViewHolder.image.setTag(i);imageViewHolder.image.setTag(R.id.glide_tag_id,request);}@Overridepublic Request getRequest() {return (Request) imageViewHolder.image.getTag(R.id.glide_tag_id);}});imageViewHolder.image.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {int position = (int) v.getTag();Toast.makeText(context, urls.get(position).getWho(), Toast.LENGTH_SHORT).show();}});

一些使用技巧

• Glide.with(context).resumeRequests()和 Glide.with(context).pauseRequests()
  當(dāng)列表在滑動(dòng)的時(shí)候，調(diào)用pauseRequests()取消請(qǐng)求，滑動(dòng)停止時(shí)，調(diào)用resumeRequests()恢復(fù)請(qǐng)求。這樣是不是會(huì)好些呢？

• Glide.clear()
  當(dāng)你想清除掉所有的圖片加載請(qǐng)求時(shí)，這個(gè)方法可以幫助到你。

• ListPreloader
  如果你想讓列表預(yù)加載的話，不妨試一下ListPreloader這個(gè)類。

一些基于Glide的優(yōu)秀庫

• glide-transformations

一個(gè)基于Glide的transformation庫，擁有裁剪，著色，模糊，濾鏡等多種轉(zhuǎn)換效果，贊的不行不行的~~

• GlidePalette

一個(gè)可以在Glide加載時(shí)很方便使用Palette的庫。

原文鏈接：http://www.codeceo.com/article/android-glide-usage.html

總結(jié)

以上是生活随笔為你收集整理的Android平滑图片加载和缓存库Glide使用详解的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。