欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2022-06-08 18:07:48
版权声明:本文为xing_star原创文章,转载请注明出处! 本文同步自http://javaexception.com/archives/188 Glide.3x的版本是3.7.0,Glide4.x的版本是4.2.0 Glide3.x中最基础的用法 那么在Glide4.x中,其实还是一样的,最基本 ......

版权声明:本文为xing_star原创文章,转载请注明出处!

本文同步自

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后占位图和过渡动画冲突解决方案 

关于imageview的几个常见问题 

glide处理圆形imageview 

如何使用glide加载通知栏头像url