天天看點
傳回

Glide的使用大法與内傷治療方案

轉載請注明出處：http://blog.csdn.net/forevercbb/article/details/50888393

最近在項目中使用了Glide作為圖檔加載的方法，這裡整理了Glide的基本使用方法，以及在使用過程中可能遇到的問題的解決方案。使用Glide加載本地圖檔的縮略圖的時候明顯感覺速度非常快，以緻原本打算在滾動時暫停加載的打算沒有實施，因為加載速度跟滾動速度差不多。但在加載網絡圖檔的部分總感覺加載速度不如之前使用的Universal-Image-Loader，當然沒有精确的進行對比。圖檔品質低于Picasso，但一般的應用，至少我的項目是足夠了。

MarkDown不太會用，是以格式可能不是太好。

導入Glide庫 

dependencies {
    compile 'com.github.bumptech.glide:glide:3.5.2'
    compile 'com.android.support:support-v4:22.0.0'
}

Glide的基本使用 

Glide.with(context) 
      .load(url)        
      .placeholder(ResouceId)
      .error(ResouceId)
      .override(width, height)
      .into(imageview);

Glide的常用方式如上圖所示。with()可以接受Context，包括Activity和Fragment，如果設定參數為Activity和Fragment，Glide圖檔加載會和Activity/Fragment的生命周期一緻。例如，onPause()時暫停圖檔加載，onResume()時繼續圖檔加載，onDestroy()時移除該Activity/Fragment發起的圖檔加載請求。是以，建議使用Activity和Fragment作為參數。

placeholder()設定占位圖檔，error設定加載錯誤圖檔，接收參數為資源檔案的ID或者Drawable對象。

override()設定圖檔的大小，如果未設定則預設為目标ImageView的大小。

Glide加載圖檔的預設格式為RGB_565，如果對圖檔品質有更高的要求，可以實作GlideModule接口修改為RGB_8888。

public class MyGlideModule implements GlideModule {

    @Override
    public void applyOptions(Context context, GlideBuilder builder) {
        // Apply options to the builder here.
        builder.setDecodeFormat(DecodeFormat.PREFER_ARGB_8888);
    }

    @Override
    public void registerComponents(Context context, Glide glide) {
        // register ModelLoaders here.
    }
}

使用自定義的GlideModule實作類時，需要在混淆檔案中添加如下代碼。

-keepnames class com.mypackage.MyGlideModule
# or more generally:
#-keep public class * implements com.bumptech.glide.module.GlideModule

最後，在AndroidManifest.xml中配置meta-data讓Glide可以找到GlideModule實作類。

<manifest ...>
    <!-- ... permissions -->
    <application ...>
        <meta-data
            android:name="com.mypackage.MyGlideModule"
            android:value="GlideModule" />
        <!-- ... activities and other components -->
    </application>
</manifest>

Glide的磁盤緩存

Glide對需要下載下傳的圖檔進行相應尺寸的緩存，當圖檔加載請求200*200時，則緩存一張200*200的緩存圖檔，如果再有同一張圖檔但要求是300*300的，Glide會重新下載下傳并緩存一張300*300的緩存圖檔。

如果不樂意，也可以使用如下方法。

Glide.with(context)
     .load(url)
     .diskCacheStrategy(DiskCacheStrategy.ALL)
     .into(imageview);

這個方法強行要求Glide在緩存200*200的時候順便緩存一張原圖大小的圖檔。在遇到300*300的時候，就會使用全尺寸的圖檔去調整為300*300的圖檔進行顯示，而不用重新下載下傳。

Glide更厲害的地方

Glide可以加載Gif動畫，但是傳說會消耗很多記憶體。用法同加載普通圖檔。

Glide可以自動建立本地視訊的縮略圖。Glide可以解碼Android支援的本地視訊，并生成一張靜态的圖檔。

Glide縮略圖支援。可以對同一個imageview同時下載下傳縮略圖和原圖，先加載縮略圖，再加載原圖。以原圖1/10的縮略圖為例。

Glide.with(yourFragment).load(yourUrl).thumbnail(f).into(yourView)

也可以使用縮略圖位址發起的請求作為.thumbnail()的參數。

在ViewPager中實作先加載縮略圖再加載原圖的效果，可以在PagerAdapter的instantiateItem()方法中使用Glide加載縮略圖，此時會加載目前頁的縮略圖和前後兩頁的縮略圖，然後setPrimaryItem()中使用Glide加載原圖時會出現閃一下的問題。可以通過以下代碼進行解決。

Glide.with(***Activity.this)
                    .load(url)
                    .placeholder(currentItem.getDrawable())
                    .dontAnimate()
                    .into(currentItem);

Glide會出一些奇怪的bug

（原文出自http://www.jianshu.com/p/4a3177b57949，感恩）

1.有的圖檔第一次加載隻顯示占位圖，第二次才顯示正常的圖檔。

如果使用圓形ImageView庫或者一些自定義的圓形ImageView，并設定占位圖檔，就會遇到該情況。

方案一: 不設定占位；這個方案可以解決問題，但是在加載圖檔失敗的時候就比較尴尬。

方案二：使用Glide的Transformation API自定義圓形Bitmap的轉換。

方案三：使用下面的代碼加載圖檔：

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 
        } 
    });

該方法在listview上複用會導緻加載錯位,如果在listview中加載CircleImageView，請不要使用該方法。

方案四：不使用Glide的預設動畫；這個方法最簡單實用。

Glide.with(mContext)
    .load(url) 
    .dontAnimate()
    .placeholder(R.drawable.loading_spinner)
.into(circleImageview);

2.我總會得到類似You cannot start a load for a destroyed activity這樣的異常呢？

請記住一句話：不要再非主線程裡面使用Glide加載圖檔，如果真的使用了，請把context參數換成getApplicationContext。

3.為什麼不能設定Tag，

在Glide加載圖檔的過程中會設定tag，可能有沖突。在Glide加載方法之後再進行tag的設定即可解決這個問題。Glide源碼如下。

public Request getRequest() {
        Object tag = this.getTag();
        Request request = null;
        if(tag != null) {
            if(!(tag instanceof Request)) {
                throw new IllegalArgumentException("You must not call setTag() on a view Glide is targeting");
            }

            
request = (Request)tag;
    }

    return request;
}<code><pre>
           
        
 
方案一：使用setTag(int,object)方法設定tag,具體用法如下：
      
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() {
            @Override
                int position = (int) v.getTag(R.id.image_tag);
                Toast.makeText(context, urls.get(position).getWho(), Toast.LENGTH_SHORT).show();
            }
        });

同時在values檔案夾下建立ids.xml，添加

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

方案二：從Glide的3.6.0之後，新添加了全局設定的方法。具體方法如下：

先實作GlideMoudle接口，全局設定ViewTaget的tagId:

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

    @Override
    public 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" />

方案三：寫一個繼承自ImageViewTaget的類，複寫它的get/setRequest方法。

Glide.with(context).load(urls.get(i).getUrl()).fitCenter().into(new ImageViewTarget<GlideDrawable>(imageViewHolder.image) {
            @Override
            protected void setResource(GlideDrawable resource) {
                imageViewHolder.image.setImageDrawable(resource);
            }

            @Override
            public void setRequest(Request request) {
                imageViewHolder.image.setTag(i);
                imageViewHolder.image.setTag(R.id.glide_tag_id,request);
            }

            @Override
            public Request getRequest() {
                return (Request) imageViewHolder.image.getTag(R.id.glide_tag_id);
            }
        });

        imageViewHolder.image.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                int position = (int) v.getTag();
                Toast.makeText(context, urls.get(position).getWho(), Toast.LENGTH_SHORT).show();
            }
        });

一些使用技巧

1.Glide.with(context).resumeRequests()和 Glide.with(context).pauseRequests()

當清單在滑動的時候，調用pauseRequests()取消請求，滑動停止時，調用resumeRequests()恢複請求。這樣是不是會好些呢？

2.Glide.clear()

當你想清除掉所有的圖檔加載請求時，這個方法可以幫助到你。

3.ListPreloader

如果你想讓清單預加載的話，不妨試一下ListPreloader這個類。

一些基于Glide的優秀庫

1.glide-transformations

一個基于Glide的transformation庫，擁有裁剪，着色，模糊，濾鏡等多種轉換效果，贊的不行不行的~~

2.GlidePalette

一個可以在Glide加載時很友善使用Palette的庫。

android glide 圖檔加載
上一篇: Glide源碼分析
下一篇: java多線程知多少

繼續閱讀