Android 開源框架Glide的使用

-Advertisement-

Glide是一個快速高效的多媒體管理和圖像載入的框架，封裝了Android平臺的多媒體的解碼，記憶體和硬碟緩存等，Glide支持解碼、顯示視頻、圖像和GIFs，Glide是基於定製的HttpUrlConnection，下麵是關於Glide的配置和使用。 Glide的配置配置很簡單，只要在Module ...

Glide是一個快速高效的多媒體管理和圖像載入的框架，封裝了Android平臺的多媒體的解碼，記憶體和硬碟緩存等，Glide支持解碼、顯示視頻、圖像和GIFs，Glide是基於定製的HttpUrlConnection，下麵是關於Glide的配置和使用。

Glide的配置

配置很簡單，只要在Module的Gradle添加依賴即可

compile 'com.github.bumptech.glide:glide:3.7.0'
compile 'com.android.support:support-v4:25.3.0'

當然，如果涉及到網路載入圖片，記得添加網路許可權

<uses-permission android:name="android.permission.INTERNET" />

Glide的使用

1、初始化

Glide支持Activity和Fragment的綁定

Glide.with(Context context);
Glide.with(Activity activity);
Glide.with(FragmentActivity activity);
Glide.with(Fragment fragment);

將Activity/Fragment作為with()參數的好處是:圖片載入會和Activity/Fragment的生命周期保持一致

2、載入資源

Glide支持網路資源、assets資源、Resources資源、File資源、Uri資源、位元組數組

Glide.with(this).load("http://pic9/258/a2.jpg").into(iv);
Glide.with(this).load("file:///xxx.jpg").into(iv);
Glide.with(this).load(R.mipmap.ic_launcher).into(iv);
Glide.with(this).load(file).into(iv);
Glide.with(this).load(uri).into(iv);
Glide.with(this).load(byte[]).into(iv);

3、載入gif圖片

載入靜態gif圖片(靜態就是gif相當於一張圖片)
```
Glide.with(this).load(imageUrl).asBitmap().into(iv);
```

載入動態gif圖片(gif是動的)

Glide.with(this).load(imageUrl).asGif().into(iv);

顯示本地視頻
Glide 還能顯示視頻！只要他們是存儲在手機上的。假設你通過讓用戶選擇一個視頻後得到了一個文件路徑：
```
String filePath = "/storage/emulated/0/Pictures/example_video.mp4";
Glide.with(context).load(Uri.fromFile(new File( filePath))).into(iv);
```

這裡需要註意的是，這僅僅對本地視頻起作用。如果沒有存儲在該設備上的視頻(如一個網路 URL 的視頻)，它是不工作的!

4、設置載入中和載入失敗的圖片

設置載入中圖片

Glide.with(this).load("http://ww4.sinaimg.cn/large/610dc034gw1f96kp6faayj20u00jywg9.jpg")
      .placeholder(R.drawable.ic_launcher) //設置占點陣圖，在載入之前顯示
      .into(image);

設置載入失敗圖片

Glide.with(this).load("http://ww4.sinaimg.cn/large/610dc034gw1f96kp6faayj20u00jywg9.jpg")
      .placeholder(R.drawable.ic_launcher) //設置占點陣圖，在載入之前顯示
      .error(R.drawable.icon) //在圖像載入失敗時顯示
      .into(image);

設置縮略圖支持

//先載入縮略圖 然後在載入全圖
Glide.with(this)
     .load(imageUrl)
     .thumbnail(0.1f)
     .into(iv);

5、設置載入動畫

使用 crossFade()
```
Glide.with(this)
.load("http://nm/photo/1f/1f7a.jpg")
.crossFade()//動畫預設的持續時間是 300毫秒
.into(iv);
```
crossFade()有幾種重載的方法
crossFade(int duration):設置時間
crossFade(Animation animation, int duration):設置自定義的動畫和時間
crossFade(int animationId, int duration): 載入動畫資源和時間

添加自定義動畫

Glide.with(this)
.load("http://nm/photo/1f/1f7a.jpg")
.animate(R.anim.fade_in)
.into(iv);

去除動畫

Glide.with(this)
.load("http://nm/photo/1f/1f7a.jpg")
.dontAnimate()
.into(iv);

6、縮放圖像

CenterCrop 即縮放圖像至填充到 ImageView內,裁剪額外的部分。ImageView會完全填充，但圖像可能不會顯示不全。
```
Glide.with(this).load(url).centerCrop().into(iv);
```

fitCenter() 圖片會按照imageview長寬中最小的邊界作為依據,按比例縮放圖像。該圖像將會完全顯示，但可能不會填滿整個 ImageView。
```
Glide.with(this).load(url).fitCenter().into(iv);
```

7、設置監聽回調

Glide.with(this)
    .load(imageUrl)
    .listener(RequestListener listener)
    .into(iv);

8、設置載入尺寸（剪裁）

指定尺寸(圖片大小在xml中不能寫死,是wrap_content才可以指定尺寸)
```
Glide.with(this)
.load("http://nm/photo/1f/1f7a.jpg")
.override(300,300)
.into(iv);
```

9、設置緩存策略

設置跳過記憶體緩存（即不使用記憶體緩存）

Glide.with(this)
.load("http://nm/photo/1f/1f7a.jpg")
.skipMemoryCache(true)
.into(iv);

設置緩存策略

Glide.with(this)
.load("http://nm/photo/1f/1f7a.jpg")
.diskCacheStrategy(DiskCacheStrategy.ALL)
.into(iv);
DiskCacheStrategy.ALL //緩存源資源和轉換後的資源
DiskCacheStrategy.NONE//不做任何磁碟緩存
DiskCacheStrategy.RESULT //緩存轉換後的資源
DiskCacheStrategy.SOURCE //緩存源資源

清理磁碟緩存

Glide.get(this).clearDiskCache();//在子線程中進行

清理記憶體緩存

Glide.get(this).clearMemory();//可以在主線程

設置磁碟緩存目錄和圖片效果(預設Bitmap格式是RGB_565)
1, 在AndroidManifest中application節點下:

<!--glide緩存目錄設置-->
 <meta-data
     android:name="包名.widget.GlideModuleConfig"
     android:value="GlideModule" />

2, 創建類GlideModuleConfig

public class GlideModuleConfig implements GlideModule {
    @Override
    public void applyOptions(Context context, GlideBuilder builder) {
//內部存儲/Android/data/包名/cache/glide-images
builder.setDiskCache(new ExternalCacheDiskCacheFactory(context, "glide-images", 2 * 1024 * 1024));   
//將預設的RGB_565效果轉換到ARGB_8888
 builder.setDecodeFormat(DecodeFormat.PREFER_ARGB_8888);
    }

    @Override
    public void registerComponents(Context context, Glide glide) {
        //不做處理
    }
}

10、BitmapTransformation

Glide在Github上還有一個庫，可以處理圖片效果，比如裁剪、圓角、高斯模糊等等

引入依賴庫

compile 'jp.wasabeef:glide-transformations:2.0.1'

實現高斯模糊

//radius取值1-25,值越大圖片越模糊
Glide.with(context).load(url).bitmapTransform(new BlurTransformation(context, radius)).into(iv);

原圖基礎上變換設置圓形圖

Glide.with(context).load(url).bitmapTransform(new CropCircleTransformation(this)).into(iv);

原圖基礎上變換成圓圖 +毛玻璃（高斯模糊）

Glide.with(this).load(url).bitmapTransform(new BlurTransformation(this, 25), new CropCircleTransformation(this)).into(iv);

原圖處理成圓角

//如果是四周已經是圓角則RoundedCornersTransformation.CornerType.ALL
Glide.with(this)
                .load(url)
                .bitmapTransform(new RoundedCornersTransformation(this, 30, 0, RoundedCornersTransformation.CornerType.BOTTOM))
                .into(iv);

11、請求優先順序

Glide中可以設置圖像載入的優先順序，這個優先順序的策略並不是嚴格執行的，只是一個指導策略，可以為不同的圖像設置不同的優先順序，從低到高的優先順序。

Glide.with(this)
      .load("http://ww4.sinaimg.cn/large/610dc034gw1f96kp6faayj20u00jywg9.jpg")
      .priority(Priority.HIGH)
      .into(image);

Priority.LOW
Priority.NORMAL
Priority.HIGH
Priority.IMMEDIATE

您的分享是我們最大的動力!