Glide3升級到Glide4碰到的問題彙總以及部分代碼修改

版權聲明：本文爲xing_star原創文章，轉載請註明出處！

本文同步自http://javaexception.com/archives/188

Glide.3x的版本是3.7.0，Glide4.x的版本是4.2.0

Glide3.x中最基礎的用法

Glide.with(getActivity()).load(url).into(imageView)

那麼在Glide4.x中，其實仍是同樣的，最基本的用法不變

Glide.with(context).load(url).into(imageView)

可是稍微複雜一點的用法就有很大的差別了，接下來咱們一一列舉。

 

接下來看一個稍微常規點的複雜用法

Glide.with(BaseApplication.getAppContext())
.load(url)
.placeholder(R.drawable.xxx)
.crossFade()
.into(imageView);

升級到Glide4後，更新爲了

DrawableCrossFadeFactory drawableCrossFadeFactory = new DrawableCrossFadeFactory.Builder().setCrossFadeEnabled(true).build();
Glide.with(BaseApplication.getAppContext())
.load(url)
.apply(new RequestOptions().placeholder(R.drawable.xxx))
.transition(DrawableTransitionOptions.with(drawableCrossFadeFactory))
.into(imageView);

Glide3.x的鏈式調用，Glide4.x的用法仍是比較繁瑣的

接下來記錄踩得第一個坑

 

Glide4.0後佔位圖和過渡動畫衝突 

在實際使用過程當中發現升級到Glide4以後，展位圖跟過渡動畫存在衝突，最後找到解決辦法，Glide4加載url的代碼調整爲了

DrawableCrossFadeFactory drawableCrossFadeFactory = new DrawableCrossFadeFactory.Builder().setCrossFadeEnabled(true).build();
Glide.with(BaseApplication.getAppContext())
.load(url)
.apply(new RequestOptions().placeholder(R.drawable.xxx))
.transition(DrawableTransitionOptions.with(drawableCrossFadeFactory))
.into(imageView);

關鍵點在於
setCrossFadeEnabled(true)

 

淡入淡出動畫效果

 其實跟上面的同樣，Glide3.x中

Glide.with(BaseApplication.getAppContext())
.load(url)
.crossFade()
.placeholder(R.drawable.xxx)
.into(imageView);

用法是這樣的

到Glide4.x中

DrawableCrossFadeFactory drawableCrossFadeFactory = new DrawableCrossFadeFactory.Builder().setCrossFadeEnabled(true).build();
Glide.with(BaseApplication.getAppContext())
.load(url)
.transition(DrawableTransitionOptions.with(drawableCrossFadeFactory))
.apply(new RequestOptions().placeholder(R.drawable.post))
.into(imageView);

須要使用的是transition方法以及apply方法。apply方法裏面能夠用來設置placeholder，errorr，centerCrop等方法。這個地方跟Glide3.x是不同的，用起來可能會以爲彆扭。

 

預加載問題

Glide3.x是

Glide.with(BaseApplication.getAppContext())
.load(url)
.diskCacheStrategy(DiskCacheStrategy.SOURCE);

升級到Glide4.x以後，有所調整，用的是preload方法

Glide.with(BaseApplication.getAppContext())
.load(url)
.preload();

自定義BitmapTransformation 

升級後有幾個方法發生了變動, 在咱們自定義BitmapTransformation實現一些特定的圓角等需求中，Glide3.x中只須要實現getId方法, 而在Glide4.x中，須要重寫equals方法，以及hashCode方法，還有updateDiskCacheKey。
咱們以GlideRoundTransform爲例，看看兩個版本的細微差別:

Glide3.x的代碼以下:

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 = DisplayUtils.dip2px(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);
    }
}

 

public class GlideRoundTransform extends BitmapTransformation {
 
    private static final String ID = "com.star.wall.glide.GlideRoundTransform";
 
    private float radius = 0f;
 
    public GlideRoundTransform(Context context) {
        this(context, 4);
    }
 
    public GlideRoundTransform(Context context, int dp) {
        super(context);
        this.radius = DisplayUtils.dip2px(dp);
    }
 
    @Override
    protected Bitmap transform(BitmapPool pool, Bitmap toTransform, int outWidth, int outHeight) {
        return roundCrop(pool, toTransform);
    }
 
    private 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 boolean equals(Object o) {
        if (o instanceof GlideRoundTransform) {
            GlideRoundTransform other = (GlideRoundTransform) o;
            return radius == other.radius;
        }
        return false;
    }
 
    @Override
    public int hashCode() {
        return (ID + "_" + radius).hashCode();
    }
 
    @Override
    public void updateDiskCacheKey(MessageDigest messageDigest) {
        messageDigest.update((ID + "_" + radius).getBytes());
    }
}

若是還有其餘的自定義transform需求，能夠參考上面的代碼做爲模板，進行調整。

 

對於只支持設置imageView.setImageDrawable方法的view

加載url的代碼Glide3.x中是

Glide.with(this)
.load(url)
.into(new SimpleTarget<GlideDrawable>() {
@Override
public void onResourceReady(GlideDrawable resource, GlideAnimation<? super GlideDrawable> glideAnimation) {
stvInfo.setLeftIcon(resource);
}
});

Glide4.x中是

Glide.with(this)
.load(url)
.into(new SimpleTarget<Drawable>() {
@Override
public void onResourceReady(Drawable resource, Transition<? super Drawable> transition) {
stvInfo.setLeftIcon(resource);
}
});

這一塊的關鍵點是SimpleTarget,經過實現這個抽象類的特定方法，咱們能夠獲取到drawable,拿到了drawable就能夠給imageView設置圖片源了，Glide3.x和Glide4.x的區別在於一個是GlideDrawable，一個是Drawable.

 

同步代碼中，獲取bitmap

在Glide3.x中

Bitmap bitmap = Glide.with(BaseApplication.getAppContext())
.load(url).asBitmap()
.into(Target.SIZE_ORIGINAL, Target.SIZE_ORIGINAL)
.get();

asBitmap後，調用get()方法，就可以獲取到bitmap了，而在Glide4.x中，還得調整下代碼。

Bitmap bitmap = Glide.with(BaseApplication.getAppContext()).asBitmap().load(url)
.apply(new RequestOptions().override(Target.SIZE_ORIGINAL, Target.SIZE_ORIGINAL)).submit().get();

能夠觀察下，這兩個差別還挺大的，Glide4.x裏面是先asBitmap，再load(url),還有就是經過submit().get()的方式獲取到bitmap

 

包含centerCrop,thumbnail,placeholder,error等經常使用方法的例子

Glide3中是

Glide.with(this)
        .load(url)
        .centerCrop()
        .thumbnail(0.1f)
        .placeholder(R.drawable.icon_pic_default)
        .error(R.drawable.icon_pic_default)
        .into(imageView);

而Glide4中是

Glide.with(this)
        .load(url)
        .apply(new RequestOptions().centerCrop().placeholder(R.drawable.icon_pic_default).error(R.drawable.icon_pic_default))
        .thumbnail(0.1f)
        .into(imageView);

未完待續。

 

補充資料:

Glide4.0後佔位圖和過渡動畫衝突解決方案 https://www.jianshu.com/p/28f5bcee409f

關於ImageView的幾個常見問題 http://javaexception.com/archives/173

Glide處理圓形ImageView http://javaexception.com/archives/182

如何使用Glide加載通知欄頭像url http://javaexception.com/archives/19