1. 程式人生 > >Android實戰——Glide的使用,載入圖片只要一句話

Android實戰——Glide的使用,載入圖片只要一句話

Glide的使用,載入圖片只要一句話

前言

用過的人都知道,載入圖片哪家強,只有Glide,由於Glide採用鏈式呼叫,所以載入圖片只要一句話,而且預設還帶有淡出效果的動畫

Glide.with(context).load(url).thumbnail(0.1f).skipMemoryCache(true).into(imageView);

Glide的簡介

官方的原話

  • Glide是一個快速和有效的開源媒體管理和影象載入Android框架包裝媒體解碼,記憶體和磁碟快取,和資源彙集成一個簡單和易於使用的介面

其優點有

  1. 使用簡單

  2. 可配置度高,自適應程度高

  3. 支援常見圖片格式,jpg、png、gif、webp

  4. 支援多種資料來源,網路、資源、assets 、File、Uri等

  5. 高效快取策略支援記憶體和硬碟快取

  6. 生命週期整合根據Activity/Fragment生命週期自動管理請求

  7. 高效處理Bitmap

Github

Glide載入網路圖片的效果圖

Glide的配置

配置很簡單,只要在專案的Gradle新增依賴即可

compile 'com.github.bumptech.glide:glide:3.7.0'
compile 'com.android.support:support-v4:19.1.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(context).load("http://xxx.jpg").into(imageView);
Glide.with(context).load("file:///xxx.png").into(imageView);
Glide.with(context).load(R.mipmap.ic_launcher).into(imageView);
Glide.with(context).load(file).into(imageView);
Glide.with(context).load(uri).into(imageView);
Glide.with(context).load(byte[]).into(imageView);

3、載入gif圖片

① 載入靜態gif圖片

Glide.with(this).load(imageUrl).asBitmap().into(imageView);

② 載入動態gif圖片

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

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

① 設定載入中圖片

.placeholder(R.drawable.placeholder) 

② 設定載入失敗圖片

.error(R.drawable.error)

5、設定縮圖支援

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

6、設定載入動畫

① 淡入淡出效果

Glide.with(this).load(imageUrl).crossFade().into(imageView);

② 無動畫

Glide.with(this).load(imageUrl).dontAnimate().into(imageView);

③ 自定義動畫

Glide.with(this).load(imageUrl).animate(R.anim.alpha_in).into(imageView);

7、設定監聽回撥

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

8、設定載入尺寸

//指定尺寸
Glide.with(this).load(imageUrl).override(800, 800).into(imageView);
//拉伸擷取中間部分顯示
Glide.with(this).load(imageUrl).centerCrop().into(imageView);
//等比拉伸填滿ImageView
Glide.with(this).load(imageUrl).fitCenter().into(imageView);

9、設定快取策略

① 設定跳過記憶體快取

Glide.with(this).load(imageUrl).skipMemoryCache(true).into(imageView);

② 設定快取策略

Glide.with(this).load(imageUrl).diskCacheStrategy(DiskCacheStrategy.ALL).into(imageView);
  • DiskCacheStrategy.ALL:快取源資源和轉換後的資源
  • DiskCacheStrategy.NONE:不作任何磁碟快取
  • DiskCacheStrategy.SOURCE:快取源資源
  • DiskCacheStrategy.RESULT:快取轉換後的資源

③ 清理快取

//清理磁碟快取 需要在子執行緒中執行
Glide.get(this).clearDiskCache();
//清理記憶體快取  可以在UI主執行緒中進
Glide.get(this).clearMemory();

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(imageView);

結語

Glide用法真的很舒服,如果你是老手,可以嘗試封裝GlideUtils,讓它使用到你的專案中,好不好用只有在專案中才能發揮出來