近期项目中遇到了一个问题,就是 glide 显示长图会很模糊,log 信息为:
Bitmap too large to be uploaded into a texture (620x7878, max=4096x4096)
因为其它图片都要完整显示的,所以不能用.centerCrop(),那么只能考虑其它方法了。
从网上找了 glide 的相关方法,发现这个库提供了回调接口:targets。
其中 SimpleTarget 可以直接拿到bitmap:
private SimpleTarget target = new SimpleTarget<Bitmap>( width, height ) {
@Override
public void onResourceReady(Bitmap bitmap, GlideAnimation glideAnimation) {
}
};
其中 width、height 是指定宽高,可以自己指定,也可以用原图的宽高(两个参数都传入 Target.SIZE_ORIGINAL 即可)。
接下来我们就可以运用这个回调了:
Glide.with(context)
.load(url)
.placeholder(R.drawable.default)
.dontAnimate()
.into(new SimpleTarget<Bitmap>(Target.SIZE_ORIGINAL, Target.SIZE_ORIGINAL) {
@Override
public void onResourceReady(Bitmap resource, GlideAnimation glideAnimation) {
}
});
好了,报错!what?
又是一阵找,结果找到了答案,既然返回的是 bitmap,那么就得过滤掉 Gif 或 video 这两种情况,所以就得强制限制 glide,所以得在.load(url)后面加上.asBitmap()。
好了,接下来我们就来处理长图了,因为需求要求是宽度撑满屏幕,所以这个就不去判断了,我们要判断高度,根据报错信息,max 只到4096,那么我们就限制 imageview 的高度最大只为4096,然后再截取居中显示。
下面先放代码:
Glide.with(context)
.load(url)
.asBitmap()
.placeholder(R.drawable.default)
.dontAnimate()
.into(new SimpleTarget<Bitmap>(Target.SIZE_ORIGINAL, Target.SIZE_ORIGINAL) {
@Override
public void onResourceReady(Bitmap resource, GlideAnimation glideAnimation) {
int imageHeight = resource.getHeight();
if(imageHeight > 4096) {
imageHeight = 4096;
ViewGroup.LayoutParams para = imageview.getLayoutParams();
para.width = LayoutParams.MATCH_PARENT;
para.height = imageHeight;
imageview.setLayoutParams(para);
Glide.with(context)
.load(url)
.placeholder(R.drawable.default)
.dontAnimate()
.centerCrop()
.into(imageview);
}
else {
Glide.with(context)
.load(url)
.placeholder(R.drawable.default)
.dontAnimate()
.into(imageview);
}
}
});
首先我们对 bitmap 进行高度判断,如果高度超过4096就强制设置 imageview 的高为4096,宽根据需求就设置为撑满屏幕。
接下来应该很多人会问我为什么再次调用 glide,为什么不直接处理bitmap,然后给 imageview 设置bitmap。
其实对应的功能模块还有这些需求:
* 当 imageview 图片未加载出来时要显示一张加载中的图片。
* 只有长图才截取居中显示,正常的图片要完整显示不能居中。
这些分别都可以通过 glide 去直接简单实现。
(PS:如果设置了加载中的占位图,那么得加上.dontAnimate(),要不会出现奇怪的现象)
再来就是 glide 的 centerCrop 会根据 imageview 的大小去截取图片,也就是相当于它会帮我做了处理 bitmap 的这一步(速度不慢,也不卡主线程);同时 glide 也会有一定的错误捕获处理,也就是相当于我不用再去写try catch(避免其它情况导致的崩溃)。
当然,如果你想加入错误时该显示的错误占位图也可以。
然后如果你想自己处理 bitmap 的话那就不需要像我这样再次调用 glide,可以根据自己的需求去做对应的实现。