Glide3升级到Glide4碰到的问题汇总以及部分代码修改

本文同步自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