Glide使用詳解

引入

以androidStudio為例,在build.gradle中添加依賴:

dependencies {
    compile 'com.github.bumptech.glide:glide:3.7.0'
}

AndroidManifest.xml中聲明一下網絡權限:

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

使用

1加載圖片

String url="http://pic17.nipic.com/20111101/8730615_113658400143_2.jpg";
Glide.with(this).load(url).into(imageView);

先with(),再load(),最后into(),這是最簡單的三部曲

Glide.with()使用:
with(Context context). 使用Application上下文,Glide請求將不受Activity/Fragment生命周期控制。
with(Activity activity).使用Activity作為上下文,Glide的請求會受到Activity生命周期控制。
with(FragmentActivity activity).Glide的請求會受到FragmentActivity生命周期控制。
with(android.app.Fragment fragment).Glide的請求會受到Fragment 生命周期控制。
with(android.support.v4.app.Fragment fragment).Glide的請求會受到Fragment生命周期控制。

load使用:
1.加載本地圖片
File file = new File(getExternalCacheDir() + "/image.jpg");
Glide.with(this).load(file).into(imageView);
2.加載應用資源
int resource = R.drawable.image;
Glide.with(this).load(resource).into(imageView);
3.加載二進制流
byte[] image = getImageBytes();
Glide.with(this).load(image).into(imageView);
4.加載Uri對象
Uri imageUri = getImageUri();
Glide.with(this).load(imageUri).into(imageView);

2加載gif圖

String 
 gifUrl="http://img.zcool.cn/community/018ec5577e00480000012e7e91da55.gif";
Glide.with(this).load(gifUrl).asGif().into(imageView);

3設置占位圖和加載錯誤圖

當網絡速度較慢時,加載圖片比較慢,在加載成功之前會出現空白,或者圖片地址錯誤,加載不出來圖片,這樣會影響用戶體驗,這就需要我們的占位圖和error圖。

Glide.with(context).load(url)
.placeholder(R.mipmap.ic_launcher)
.error(R.mipmap.ic_launcher)
.into(imageView)

我們在load()和into()插入了placeholder()方法,在加載圖片成功之前先顯示占位圖, 如果下載錯誤就顯現error()方法中設定的圖片

4緩存

 Glide.with(context).load(url)
.skipMemoryCache(false)
.diskCacheStrategy(DiskCacheStrategy.NONE)
.into(imageView)

glide是默認開啟內存緩存和磁盤緩存的,上述代碼.skipMemoryCache(false)和.diskCacheStrategy(DiskCacheStrategy.NONE) 表示關閉內存緩存和磁盤緩存,在特定的情況下需要關閉,比如多次獲取驗證碼圖片,如果后臺返回的url是一致的,不關閉緩存的話,每次顯示的圖片都和第一張一樣。

磁盤緩存的類型
DiskCacheStrategy.NONE 不緩存
DiskCacheStrategy.ALL 緩存原始圖和處理之后的
DiskCacheStrategy.SOURCE 緩存原始圖
DiskCacheStrategy.RESULT 緩存處理之后的

清除緩存
Glide.get(context).clearMemory(); // 須在UI線程中調用
Glide.get(context).clearDiskCache(); //須在子線程中調用

5其他方法

1.指定資源的優先加載順序

//優先加載
    Glide
        .with(context)
        .load(url)
        .priority(Priority.HIGH)
        .into(imageView);
    //后加載
    Glide
        .with(context)
        .load(url)
        .priority(Priority.LOW)
        .into(imageView);

2.設置加載尺寸

Glide.with(context).load(imageUrl).override(100, 100).into(imageView);

3.直接獲取圖片

SimpleTarget<Bitmap>simpleTarget=new SimpleTarget<Bitmap>() {
        @Override
        public void onResourceReady(Bitmap resource, GlideAnimation<? super Bitmap> glideAnimation) {
            imageView.setImageBitmap(resource);
        }
    };

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

這樣就可以直接在回調方法onResourceReady,獲取到bitmap,相當于下載, 如果確定返回的是bitmap,就可以使用SimpleTarget<Bitmap>,同時要調用asBitmap(),如果不確定是bitmap就使用SimpleTarget<GlideDrawable>

4.glide使用圓角或者圓形
4.1 圓形

public class GlideCircleTransform extends BitmapTransformation{
    public GlideCircleTransform(Context context) {
        super(context);
    }

    @Override protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
        return circleCrop(pool, toTransform);
    }

    private static Bitmap circleCrop(BitmapPool pool, Bitmap source) {
        if (source == null) return null;

        int size = Math.min(source.getWidth(), source.getHeight());
        int x = (source.getWidth() - size) / 2;
        int y = (source.getHeight() - size) / 2;

        // TODO this could be acquired from the pool too
        Bitmap squared = Bitmap.createBitmap(source, x, y, size, size);

        Bitmap result = pool.get(size, size, Bitmap.Config.ARGB_8888);
        if (result == null) {
            result = Bitmap.createBitmap(size, size, Bitmap.Config.ARGB_8888);
        }

        Canvas canvas = new Canvas(result);
        Paint paint = new Paint();
        paint.setShader(new BitmapShader(squared, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP));
        paint.setAntiAlias(true);
        float r = size / 2f;
        canvas.drawCircle(r, r, r, paint);
        return result;
    }

    @Override public String getId() {
        return getClass().getName();
    }
}

4.2 使用圓角

public class GlideRoundTransform extends BitmapTransformation{
    private static float radius = 0f;

    public GlideRoundTransform(Context context) {
        this(context, 4);
    }

    public GlideRoundTransform(Context context, int dp) {
        super(context);
        this.radius = Resources.getSystem().getDisplayMetrics().density * dp;
    }

    @Override protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
        return roundCrop(pool, toTransform);
    }

    private static Bitmap roundCrop(BitmapPool pool, Bitmap source) {
        if (source == null) return null;

        Bitmap result = pool.get(source.getWidth(), source.getHeight(), Bitmap.Config.ARGB_8888);
        if (result == null) {
            result = Bitmap.createBitmap(source.getWidth(), source.getHeight(), Bitmap.Config.ARGB_8888);
        }

        Canvas canvas = new Canvas(result);
        Paint paint = new Paint();
        paint.setShader(new BitmapShader(source, BitmapShader.TileMode.CLAMP, BitmapShader.TileMode.CLAMP));
        paint.setAntiAlias(true);
        RectF rectF = new RectF(0f, 0f, source.getWidth(), source.getHeight());
        canvas.drawRoundRect(rectF, radius, radius, paint);
        return result;
    }

    @Override public String getId() {
        return getClass().getName() + Math.round(radius);
    }
}

4.3調用方式

Glide.with(context).load(url)
.transform(newGlideCircleTransform(context))
.into(imageView);
Glide.with(context).load(url)
.transform(new GlideRoundTransform(this,3)) 
.into(imageView);  //圓角默認是4

上述包括了glide基本用法。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容