如何加载一张超大高清图

222 阅读2分钟
原文链接: mp.weixin.qq.com

欢迎推荐人才赚取三位数以上的佣金,活动规则,只要邀请被推荐人关注公众号点击"面试内推",同时回复他的ID给小A,小A会在被推荐人成功入职后跟你分享佣金。佣金有多少呢?文末有惊喜!下面进入今天的正题。

这天小呼接到一个需求,要实现一个超大图片加载的功能。

"大图片加载容易做,可是这个需求要保证在不OOM的情况下能放大查看,还要能清晰展示,这得怎么呢?",愁眉苦脸的小呼说到。

"听说过BitmapRegionDecoder吗?"小A给小呼出了主意。

"这是个什么东西"

"听我给你细细说来..."

高清大图展示

通常在面试中经常会遇到大图片加载的问题,我们知道这种问题无非是两个点,

· 图片压缩· 防止OOM

但是如果要加上支持手势放大,让放大后的图片还能清晰展示,常用的办法就不行了。比方要加载张世界地图,或者清明上河图,如果按一般流程加载完了,它在放大就看不到原图的细节了。

BitmapRegionDecoder

可能有些同学用过这个类,当需要展示图片的某一个区域的时候,可以用这个类指定Rect来加载这个区域。

回到上文,要解决"高清大图加载并支持放大查看"这个需求,可以用这个思路· 按普通大图加载流程,先按屏幕大小压缩后加载图片· 根据手势放大和拖动,动态计算屏幕当前能显示的图片的区域,再用BitmapRegionDecoder加载

因为是局部解析Bitmap,所以内存消耗的极限也只是与屏幕大小,所以跟普通图片加载的内存消耗相去无几。

Demo展示

小A封装了一个自订一个View,只要把它当做普通的ImageView使用,即使再大的图加载也没问题,还能支持ViewPager翻页,效果如下所示

关注并回复"超大图"就可以拿到源码哦!

请随意转发下图到微信群或朋友圈,内推成功的同学,小A将与你分享4位数的佣金哦,最低也有1000大洋!