Android 圖片載入框架 Glide4.x_ZenDei技術網路在線

概述 Glide是一個圖片載入框架，使得我們可以輕鬆的載入和展示圖片 Glide4.x新增apply()來進行設置，apply可以調用多次，但是如果兩次apply存在衝突的設置，會以最後一次為準新增RequestOptions對象，用來存放設置添加依賴 Gilde的圖片載入基本實例 with( ...

概述

Glide是一個圖片載入框架，使得我們可以輕鬆的載入和展示圖片

Glide4.x新增apply()來進行設置，apply可以調用多次，但是如果兩次apply存在衝突的設置，會以最後一次為準

新增RequestOptions對象，用來存放設置

添加依賴

 implementation 'com.github.bumptech.glide:glide:4.4.0' //添加支持
 annotationProcessor 'com.github.bumptech.glide:compiler:4.4.0' //Glide4.x以上需要添加的支持

//如果需要載入網路圖片，需要網路許可權
<uses-permission android:name="android.permission.INTERNET" />

Gilde的圖片載入

基本實例

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

with() 是初始化Glide的實例

load() 是載入URL地址的圖片

into() 是指定顯示的控制項

載入資源

Glide.with(this).load("https://www.baid.com/a.jpg").into(imageView);//載入網路圖片

Glide.with(this).load(uri).into(imageView);//載入URL圖片

Glide.with(this).load(R.mipmap.ic_launcher).into(imageView); //載入Resources圖片

Glide.with(this).load(context.getResources().getAssets().open("a.png")).into(imageView); //載入assets圖片

Glide.with(this).load(file).into(imageView);//載入File圖片

Glide.with(this).load(byte[]).into(imageView); //載入二進位流圖片

指定載入靜態/動態圖片

Gilde預設支持gif圖片，但也可以選擇指定載入gif動態圖片或是靜態圖片

//asBitmap 指定載入靜態圖片,如果載入gif圖片將會顯示第一幀
Glide.with(this).asBitmap().load(imageUrl).into(imageView);

//asGif 指定載入動態圖片，如果載入靜態圖片將會顯示載入失敗或者顯示異常時設定的占點陣圖片
Glide.with(this).asGif().load(imageUrl).into(imageView);

//Glide4.x以上新增.asFile()和.asDrawable()，強制使用文件格式和Drawable格式的載入，與3.x不同，4.x需要先設置載入格式，再load，不然會報錯！

//不允許載入網路視頻，但是可以載入本地視頻
Glide.with(context).load(Uri.fromFile(new File( filePath))).into(imageView);

設置圖片大小&使用RequestOptions對象存放設置

Glide不會直接將圖片的完整尺寸全部載入到記憶體中，而是用多少載入多少，所以Glide會自動根據ImageView的大小來決定圖片的大小，但是也可以指定載入圖片的大小(view的寬高設定為wrap_content才可以指定尺寸)：

RequestOptions options = new RequestOptions();
options1.override(100, 100); //設置載入的圖片大小

Glide.with(this)
        .load(url)
        .apply(options)
        .into(imageView);

設置占點陣圖

占點陣圖是在載入未完成或者載入失敗，為避免空白而設置的圖片

RequestOptions options = new RequestOptions();
options.placeholder(R.drawable.ic_launcher_background); //設置載入未完成時的占點陣圖
options.error(R.mipmap.load_error); //設置載入異常時的占點陣圖


Glide.with(this)
     .load(url)
     .apply(options)
     .into(imageView);

Glide載入監聽

Glide.with(this).load(url)
        .listener(new RequestListener<Drawable>() {
            @Override
            public boolean onLoadFailed(@Nullable GlideException e, Object model, Target<Drawable> target, boolean isFirstResource) {
                //圖片載入失敗調用
                return false;
            }

            @Override
            public boolean onResourceReady(Drawable resource, Object model, Target<Drawable> target, DataSource dataSource, boolean isFirstResource) {
                //圖片載入完成時調用
                return false;
            }
        })
        .into(iv);

Glide的回調方法

SimpleTarget對象

SimpleTarget<Drawable> simpleTarget = new SimpleTarget<Drawable>() {
    @Override
    public void onResourceReady(Drawable resource, Transition<? super Drawable> transition) {
        //這裡可以做複雜的圖片變換處理，如下只是簡單的顯示在imageView上
        imageView.setImageDrawable(resource);
    }
};

public void loadImage(View view) {
    Glide.with(this)
         .load(url)
         .into(simpleTarget);
}

preload預載入

提前對圖片進行一個預載入，等真正需要載入圖片的時候就直接從緩存中讀取

Glide.with(this)
     .load("http://www.baidu.com/a.png")
     .preload(); //預載入圖片

Glide.with(this)
     .load("http://www.baidu.com/a.png")
     .into(imageView); //當需要載入此url時，會先從緩存里讀取圖片

緩存機制

Glide有兩種緩存機制，一個是記憶體緩存，一個是硬碟緩存。記憶體緩存的主要作用是防止應用重覆將圖片數據讀取到記憶體當中，而硬碟緩存的主要作用是防止應用重覆從網路或其他地方重覆下載和讀取數據

預設情況下，Glide自動就是開啟記憶體緩存的，這樣無疑就可以大幅度提升圖片的載入效率

記憶體緩存

預設是開啟，除非特殊情況可以關閉

RequestOptions options = new RequestOptions()
        .skipMemoryCache(true); //禁用記憶體緩存
Glide.with(this)
     .load(url)
     .apply(options)
     .into(imageView);

硬碟緩存

RequestOptions options = new RequestOptions()
        .diskCacheStrategy(DiskCacheStrategy.NONE); //禁用硬碟緩存
Glide.with(this)
     .load(url)
     .apply(options)
     .into(imageView);

DiskCacheStrategy.NONE：表示不緩存任何內容
DiskCacheStrategy.DATA：表示只緩存原始圖片
DiskCacheStrategy.RESOURCE：表示只緩存轉換過後的圖片
DiskCacheStrategy.ALL ：表示既緩存原始圖片，也緩存轉換過後的圖片
DiskCacheStrategy.AUTOMATIC：表示讓Glide根據圖片資源智能地選擇使用哪一種緩存策略（預設選項）

只從緩存載入圖片

GlideApp.with(this)
 .load(url)
 .onlyRetrieveFromCache(true)
 .into(imageView);

清除緩存

Glide.get(this).clearMemory(); //清理記憶體緩存

new Thread(new Runnable() {
    @Override
    public void run() {
        Glide.get(MainActivity.this).clearDiskCache(); //清理磁碟緩存
    }
}).start();

Glide Transformations

是為Glide做圖片變換的一個庫

添加依賴

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

變換效果

模糊處理
.apply(bitmapTransform(new BlurTransformation(80))) //模糊度

圓角圖片
.apply(bitmapTransform(new RoundedCornersTransformation(50, 0, RoundedCornersTransformation.CornerType.ALL))) //第一個參數越大圓角越大


圓形圖片
.apply(bitmapTransform(new CropCircleTransformation()))

正方形圖片
.apply(bitmapTransform(new CropSquareTransformation()))

顏色疊加
.apply(bitmapTransform(new ColorFilterTransformation(0x7900CCCC)))

黑白圖片
.apply(bitmapTransform(new GrayscaleTransformation()))

自定義裁剪
.apply(bitmapTransform(new CropTransformation( 600, 200, CropTransformation.CropType.CENTER)))

GitHub地址

更多效果，可以看源碼：

Glide Transformations

GPUImage的濾鏡

添加依賴

compile 'jp.co.cyberagent.android.gpuimage:gpuimage-library:1.4.1'

濾鏡效果

對比
.apply(bitmapTransform(new ContrastFilterTransformation(3F)))

失真
.apply(bitmapTransform(new InvertFilterTransformation()))

亮度
.apply(bitmapTransform(new BrightnessFilterTransformation( 0.5F)))
陳舊
.apply(bitmapTransform(new SepiaFilterTransformation( 1.0F)))

馬賽克
.apply(bitmapTransform(new PixelationFilterTransformation(20F)))

素描畫
.apply(bitmapTransform(new SketchFilterTransformation()))

扭曲
.apply(bitmapTransform(new SwirlFilterTransformation(1.0F, 0.4F, new PointF(0.5F, 0.5F)))) 
//radius 旋轉半徑[0.0F，1.0F] 單參構造器 - 預設0.5F
// angle 角度[0.0F,無窮大單參構造器 - 預設1.0F視圖表現為旋轉圈數
// center 旋轉中心點 單參構造器 - 預設new PointF(0.5F,0.5F)

裝飾
.apply(bitmapTransform(new VignetteFilterTransformation(new PointF(0.5F, 0.5F), new float[]{0.0F, 0.0F, 0.0F}, 0.0F, 0.5F)))
// center 裝飾中心 單參構造器 - 預設new PointF(0.5F, 0.5F)
// color 顏色組合 單參構造器 - 預設new float[0.0F,0.0F,0.0F] 3個顏色值分別對應RGB3種顏色，取值範圍都為[0.0F,1.0F]
// start 起始點 單參構造器 - 預設0.0F
// end 終止點 單參構造器 - 預設0.75F

MultiTransformation

MultiTransformation對象可以存放多種效果

MultiTransformation multi = new MultiTransformation(
                new BlurTransformation(25),
                new RoundedCornersTransformation(128, 0, RoundedCornersTransformation.CornerType.ALL)); //模糊加圓角效果的對象

Glide.with(this)
     .load(url)
     .apply(bitmapTransform(multi))
     .into(imageView);

Glide的混淆

-keep public class * implements com.bumptech.glide.module.GlideModule
-keep public class * extends com.bumptech.glide.module.AppGlideModule
-keep public enum com.bumptech.glide.load.resource.bitmap.ImageHeaderParser$** {
  **[] $VALUES;
  public *;
}

# for DexGuard only
-keepresourcexmlelements manifest/application/meta-data@value=GlideModule