Android 圖片加載框架 Glide4.x

概述

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