如何加载一张超大高清图

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

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

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

"这是个什么东西"

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

高清大图展示

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

· 图片压缩 · 防止OOM

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

BitmapRegionDecoder

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

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

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

Demo展示

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

原文发布于微信公众号 - Android每日一讲(gh_f053f29083b9)

原文发表时间:2018-03-21

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏木宛城主

ASP.NET MVC使用Bootstrap系列(4)——使用JavaScript插件

序言 Bootstrap的JavaScript插件是以JQuery为基础,提供了全新的功能并且还可以扩展现有的Bootstrap组件。通过添加data att...

33960
来自专栏每日一篇技术文章

SceneKit-真机渲染效果和模拟器不一致

如果是模拟器默认使用 SCNViewOptionPreferredRenderingAPI ,如果是真机默认使用第二种,所以这是残生不同渲染效果的原因,我们修改...

17010
来自专栏魏艾斯博客www.vpsss.net

屏幕 GIF 动态图捕获软件及录制过程

作为站长有时候需要录制屏幕 GIF 动态图片,就得现学现卖。这不魏艾斯博客在使用遨游浏览器的过程中遇到一些 bug 需要提交给官方,遨游技术员希望老魏提供一段正...

25120
来自专栏cnblogs

D3、openlayers的一次尝试

近期尝试了一个webgl相关的内容,有些小激动,及时分享一下我的测试示例,效果如下: ? 此示例分从业务角度分为两部分,一个部分为d3展示的柱图,另一部分则为用...

29670
来自专栏企鹅号快讯

再见!陪伴我多年的setuna

hi,又到了charming的时间,平日里用setuna截图小工具的人肯定大有人在,但是最近我发现了一个比它更好用的小工具——PureRef,借此机会推荐一下~...

301100
来自专栏韩东吉的Unity杂货铺

零基础入门 4: 窗口介绍(完)

上一篇将Unity里几个比较重要的窗口先进行了讲解,以及如何自定义窗口布局,不知道大家都消化的怎么样,今天这篇窗口介绍,将把剩余window的窗口一一进行介绍。

16110
来自专栏企鹅号快讯

Webpack,请开始你的表演(一)

这是一篇 Webpack 入门文章,之所以写这篇文章,原因有二: 工作和学习中一直在用,但是总有一些内容理解的不够; 自己目前检索到的有关 Webpack 的文...

21770
来自专栏码农笔录

vue2(webpack)调用amap高德地图及其UI组件

39610
来自专栏拂晓风起

createjs入门

19430
来自专栏听雨堂

span不如div的地方

页面中产生格式化的效果,我一般比较喜欢用span,因为其本身就是inline的,但是,在进行精细控制时就不行了,比如我想要这个效果,每行由三个部分构成:时间,柱...

22290

扫码关注云+社区

领取腾讯云代金券