Glide使用總結——轉載

原創 RandomWrite 2019-09-06 05:56
原文鏈接：https://www.jianshu.com/p/791ee473a89b

轉載自：https://www.jianshu.com/p/791ee473a89b

首先，添加依賴

implementation 'com.github.bumptech.glide:glide:4.5.0'
annotationProcessor 'com.github.bumptech.glide:compiler:4.5.0'

之後添加訪問網絡權限

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

一、常用的方法

1、加載圖片到imageView

Glide.with(Context context).load(Strint url).into(ImageView imageView);

2、各種形式的圖片加載到ImageView

// 加載本地圖片
File file = new File(getExternalCacheDir() + "/image.jpg");
Glide.with(this).load(file).into(imageView);

// 加載應用資源
int resource = R.drawable.image;
Glide.with(this).load(resource).into(imageView);

// 加載二進制流
byte[] image = getImageBytes();
Glide.with(this).load(image).into(imageView);

// 加載Uri對象
Uri imageUri = getImageUri();
Glide.with(this).load(imageUri).into(imageView);

3、加載帶有佔位圖

Glide.with(this).load(url).placeholder(R.drawable.loading).into(imageView);

佔位圖目的爲在目的圖片還未加載出來的時候，提前展示給用戶的一張圖片；
4、加載失敗 放置佔位符

Glide.with(this).load(url).placeholder(R.drawable.loading).error(R.drawable.error)
     .diskCacheStrategy(DiskCacheStrategy.NONE)//關閉Glide的硬盤緩存機制
     .into(imageView);


//DiskCacheStrategy.NONE： 表示不緩存任何內容。
//DiskCacheStrategy.SOURCE： 表示只緩存原始圖片。
//DiskCacheStrategy.RESULT： 表示只緩存轉換過後的圖片（默認選項）。
//DiskCacheStrategy.ALL ： 表示既緩存原始圖片，也緩存轉換過後的圖片。

5、加載指定格式的圖片--指定爲靜止圖片

Glide.with(this)
     .load(url)
     .asBitmap()//只加載靜態圖片，如果是git圖片則只加載第一幀。
     .placeholder(R.drawable.loading)
     .error(R.drawable.error)
     .diskCacheStrategy(DiskCacheStrategy.NONE)
     .into(imageView);

6、加載動態圖片

Glide.with(this)
     .load(url)
     .asGif()//加載動態圖片，若現有圖片爲非gif圖片，則直接加載錯誤佔位圖。
     .placeholder(R.drawable.loading)
     .error(R.drawable.error)
     .diskCacheStrategy(DiskCacheStrategy.NONE)
     .into(imageView);

7、加載指定大小的圖片

Glide.with(this)
     .load(url)
     .placeholder(R.drawable.loading)
     .error(R.drawable.error)
     .diskCacheStrategy(DiskCacheStrategy.NONE)
     .override(100, 100)//指定圖片大小
     .into(imageView);

8、關閉框架的內存緩存機制

Glide.with(this)
     .load(url)
     .skipMemoryCache(true)  //傳入參數爲false時，則關閉內存緩存。
     .into(imageView);

9、關閉硬盤的緩存

Glide.with(this)
     .load(url)
     .diskCacheStrategy(DiskCacheStrategy.NONE)     //關閉硬盤緩存操作
     .into(imageView);

//其他參數表示：
//DiskCacheStrategy.NONE： 表示不緩存任何內容。
//DiskCacheStrategy.SOURCE： 表示只緩存原始圖片。
//DiskCacheStrategy.RESULT： 表示只緩存轉換過後的圖片（默認選項）。
//DiskCacheStrategy.ALL ： 表示既緩存原始圖片，也緩存轉換過後的圖片。

10、當引用的 url 存在 token 時解決方法-->重寫 Glide 的 GlideUrl 方法

public class MyGlideUrl extends GlideUrl {

    private String mUrl;

    public MyGlideUrl(String url) {
        super(url);
        mUrl = url;
    }

    @Override
    public String getCacheKey() {
        return mUrl.replace(findTokenParam(), "");
    }

    private String findTokenParam() {
        String tokenParam = "";
        int tokenKeyIndex = mUrl.indexOf("?token=") >= 0 ? mUrl.indexOf("?token=") : mUrl.indexOf("&token=");
        if (tokenKeyIndex != -1) {
            int nextAndIndex = mUrl.indexOf("&", tokenKeyIndex + 1);
            if (nextAndIndex != -1) {
                tokenParam = mUrl.substring(tokenKeyIndex + 1, nextAndIndex + 1);
            } else {
                tokenParam = mUrl.substring(tokenKeyIndex);
            }
        }
        return tokenParam;
    }

}

然後加載圖片的方式爲：

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

11、利用Glide將圖片加載到不同控件或加載成不同使用方式
（1）、拿到圖片實例

//1、通過自己構造 target 可以獲取到圖片實例
SimpleTarget<GlideDrawable> simpleTarget = new SimpleTarget<GlideDrawable>() {
    @Override
    public void onResourceReady(GlideDrawable resource, GlideAnimation glideAnimation) {
        imageView.setImageDrawable(resource);
    }
};

//2、將圖片實例記載到指定的imageview上，也可以做其他的事情
public void loadImage(View view) {
    String url = "http://cn.bing.com/az/hprichbg/rb/TOAD_ZH-CN7336795473_1920x1080.jpg";
    Glide.with(this)
         .load(url)
         .into(simpleTarget);
}

（2）、將圖片加載到任何位置

/*
*將圖片加載爲控件背景
*/
public class MyLayout extends LinearLayout {

    private ViewTarget<MyLayout, GlideDrawable> viewTarget;

    public MyLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        viewTarget = new ViewTarget<MyLayout, GlideDrawable>(this) {
            @Override
            public void onResourceReady(GlideDrawable resource, GlideAnimation glideAnimation) {
                MyLayout myLayout = getView();
                myLayout.setImageAsBackground(resource);
            }
        };
    }

    public ViewTarget<MyLayout, GlideDrawable> getTarget() {
        return viewTarget;
    }

    public void setImageAsBackground(GlideDrawable resource) {
        setBackground(resource);
    }

}


//引用圖片到指定控件作爲背景
public class MainActivity extends AppCompatActivity {

    MyLayout myLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        myLayout = (MyLayout) findViewById(R.id.background);
    }

    public void loadImage(View view) {
        String url = "http://cn.bing.com/az/hprichbg/rb/TOAD_ZH-CN7336795473_1920x1080.jpg";
        Glide.with(this)
             .load(url)
             .into(myLayout.getTarget());
    }

}

12、Glide 實現預加載

//a、預加載代碼
Glide.with(this)
     .load(url)
     .diskCacheStrategy(DiskCacheStrategy.SOURCE)
     .preload();

//preload() 有兩種重載
 // 1、帶有參數的重載,參數作用是設置預加載的圖片大小；
//2、不帶參數的表示加載的圖片爲原始尺寸；

//b、使用預加載的圖片
Glide.with(this)
     .load(url)
     .diskCacheStrategy(DiskCacheStrategy.SOURCE)
     .into(imageView);

切記：diskCacheStrategy() 方法內必須設置參數爲：“ DiskCacheStrategy.SOURCE ”，否則可能預加載失敗，導致顯示圖片時，需要重新加載。

13、Glide 實現圖片下載
使用 downloadOnly(int width, int height) 或 downloadOnly(Y target) 方法替代 into(view) 方法。

public void downloadImage(View view) {
    new Thread(new Runnable() {
        @Override
        public void run() {
            try {
                String url = "http://cn.bing.com/az/hprichbg/rb/TOAD_ZH-CN7336795473_1920x1080.jpg";
                final Context context = getApplicationContext();
                FutureTarget<File> target = Glide.with(context)
                                                 .load(url)
                                                 .downloadOnly(Target.SIZE_ORIGINAL, Target.SIZE_ORIGINAL);
                final File imageFile = target.get();
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        Toast.makeText(context, imageFile.getPath(), Toast.LENGTH_LONG).show();
                    }
                });
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
    }).start();
}

(1)、有兩個參數的 downloadOnly(int width, int height) 方法表示指定下載尺寸，用於在子線程內進行下載；
(2)、一個參數的 downloadOnly(Y target) 方法 在主線程內進行下載
(3)、target.get() 方法可以獲取到下載文件保存路徑；

使用下載完的圖片的方式

public void loadImage(View view) {
    String url = "http://cn.bing.com/az/hprichbg/rb/TOAD_ZH-CN7336795473_1920x1080.jpg";
    Glide.with(this)
            .load(url)
            .diskCacheStrategy(DiskCacheStrategy.SOURCE)
            .into(imageView);
}

注意： diskCacheStrategy() 方法的參數應該爲 DiskCacheStrategy.SOURCE 或者 DiskCacheStrategy.ALL否則可能導致加載圖片到控件的時候，需要重新加載。

13、監聽 Glide 加載的狀態

public void loadImage(View view) {
    String url = "http://cn.bing.com/az/hprichbg/rb/TOAD_ZH-CN7336795473_1920x1080.jpg";
    Glide.with(this)
            .load(url)
            .listener(new RequestListener<String, GlideDrawable>() {
                @Override
                public boolean onException(Exception e, String model, Target<GlideDrawable> target,
                    boolean isFirstResource) {
                    return false;
                }

                @Override
                public boolean onResourceReady(GlideDrawable resource, String model,
                    Target<GlideDrawable> target, boolean isFromMemoryCache, boolean isFirstResource) {
                    return false;
                }
            })
            .into(imageView);
}

（1）、onException() 方法表示加載失敗，onResourceReady() 表示加載成功；
（2）、 每個方法都有一個 boolean 的返回值，false表示未處理、true 表示處理。

14、Glide 的圖形變換功能
（1）、禁用圖形變換功能

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

這個方法時全局的，導致其他地方的圖片也不可進行圖形變換了。

修改方法

Glide.with(this)
     .load(url)
     .override(Target.SIZE_ORIGINAL, Target.SIZE_ORIGINAL)
     .into(imageView);

通過 override() 方法設置大小

（2）、簡單的圖形變換

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

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

通過 centerCrop()方法 按照原始的長寬比充滿全屏和 fitCenter() 方法 對原圖的中心區域進行裁剪對圖片進行相關設置。

（3）、override() 方法與 centerCrop() 方法配合使用

String url = "http://cn.bing.com/az/hprichbg/rb/AvalancheCreek_ROW11173354624_1920x1080.jpg";
Glide.with(this)
     .load(url)
     .override(500, 500)
     .centerCrop()
     .into(imageView);

 

樣圖


（4）、複雜的圖像變換
首先需要再引入一個 第三方框架 。

 

dependencies {
    implementation 'jp.wasabeef:glide-transformations:3.3.0'
    // If you want to use the GPU Filters
    implementation 'jp.co.cyberagent.android.gpuimage:gpuimage-library:1.4.1'
}

其次,部分樣例:
圖片虛化

Glide.with(this)
     .load(url)
     .bitmapTransform(new BlurTransformation(this))
     .into(imageView);

圖片黑白化

Glide.with(this)
     .load(url)
     .bitmapTransform(new GrayscaleTransformation(this))
     .into(imageView);

多個屬性同時使用

Glide.with(this)
     .load(url)
     .bitmapTransform(new BlurTransformation(this), new GrayscaleTransformation(this))
     .into(imageView);

還有更多的好玩的屬性，請到框架官網查看：https://github.com/wasabeef/glide-transformations

15、探究Glide的自定義模塊功能
請查看 郭神 的文章 《Android圖片加載框架最全解析（六），探究Glide的自定義模塊功能》 。

16、帶進度的Glide圖片加載功能
請查看 郭神 的文章Android圖片加載框架最全解析（七），實現帶進度的Glide圖片加載功能 。

17、Glide 4用法
請查看 郭神 的文章Android圖片加載框架最全解析（八），帶你全面瞭解Glide 4的用法 。

 

轉自：Glide使用總結——吾乃韓小呆

 

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章