Android 開源框架Glide的使用

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

Glide的配置

配置很簡單,只要在Module的Gradle添加依賴便可android

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

固然,若是涉及到網絡加載圖片,記得添加網絡權限git

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

Glide的使用

一、初始化

Glide支持Activity和Fragment的綁定github

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

將Activity/Fragment做爲with()參數的好處是:圖片加載會和Activity/Fragment的生命週期保持一致數組

二、加載資源

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

三、加載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 的視頻),它是不工做的!markdown

四、設置加載中和加載失敗的圖片

  • 設置加載中圖片
    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);

五、設置加載動畫

  • 使用 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);

六、 縮放圖像

  • CenterCrop 即縮放圖像至填充到 ImageView內,裁剪額外的部分。ImageView會徹底填充,但圖像可能不會顯示不全。
    Glide.with(this).load(url).centerCrop().into(iv);
  • fitCenter() 圖片會按照imageview長寬中最小的邊界做爲依據,按比例縮放圖像。該圖像將會徹底顯示,但可能不會填滿整個 ImageView。
    Glide.with(this).load(url).fitCenter().into(iv);

七、設置監聽回調

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

八、設置加載尺寸(剪裁)

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

九、設置緩存策略

  • 設置跳過內存緩存(即不使用內存緩存)
    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) {
            //不作處理
        }
    }

十、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);

十一、請求優先級

Glide中能夠設置圖像加載的優先級,這個優先級的策略並非嚴格執行的,只是一個指導策略,能夠爲不一樣的圖像設置不一樣的優先級,從低到高的優先級。app

Glide.with(this)
      .load("http://ww4.sinaimg.cn/large/610dc034gw1f96kp6faayj20u00jywg9.jpg")
      .priority(Priority.HIGH)
      .into(image);
Priority.LOW Priority.NORMAL Priority.HIGH Priority.IMMEDIATE
相關文章
相關標籤/搜索