美文网首页性能优化—AndroidUI效果仿写安卓面试
Android性能调优(7)—Bitmap长图加载

Android性能调优(7)—Bitmap长图加载

作者: godliness | 来源:发表于2018-05-07 10:06 被阅读68次

一直以来Bitmap在Android中的处理都是非常棘手的。如果我们直接将一个完整分辨率的图片加载到内存中它会占用非常高的内存(Bitmap的占用内存大小请参照《Android性能调优(5)—Bitmap内存模型》),如果是一张巨图则极有可能直接OOM,比如我们今天要给大家说的一张440 * 10260像素,Bitmap.Config.ARGB_8888图片。

占用内存大小:440 * 10269 * 4 / 1024 / 1024 =17.2M(不考虑Density影响)。这么大的一张图片如果直接加载到内存中后果可想而知。

一、说在前面

前面我们分别用两篇文章介绍了《Android性能调优(5)—Bitmap内存模型》与《Android性能调优(6)—Bitmap优化》。本篇也是我们Bitmap专题的最后一篇文章。可见Bitmap在Android中确实是一个难点。

在《Android性能调优(6)—Bitmap优化》介绍了对Bitmap的优化;优化的本质是先对Bitmap进行缩放然后进行多级缓存以及复用。但是如果我们应用中就是要加载显示一张大图或者巨图我们该怎么办呢?

二、巨图加载

那有没有办法在占用较少内存情况下完整显示整张巨图呢?其实我们可以换种思路来完成,那就是对于一张巨型图片我们可否每次指定一块区域加载显示,然后通过改变这个区域完成整张巨图的加载呢?这样内存中只有完整图片的一块区域。

三、区域加载

1、BitmapRegionDecoder

其实从名字我们也可以看出:指定Bitmap区域进行解码,没错它主要用于显示图片的某一块矩形区域,如果需要显示某个图片的指定区域,那么这个类非常合适。

它的用法也非常简单,既然是显示图片的某一块区域,那么至少需要两个方法:1、设置图片,2、设置显示区域。

接下来通过自定义一个可以加载巨图的View展开说明:

2、设置图片

前面说到至少需要两个方法:1、设置图片 2、指定显示区域

我们先来看如何设置图片:

mOptions实际就是BitmapFactory.Options

它的使用我们在《Android性能调优(6)—Bitmap优化》已经详细介绍过了;设置inJustDecodeBounds为ture(只解码图片的尺寸)。然后得到图片宽高,并且设置Bitmap是可以被复用的。然后创建BitmapRegionDecoder的实例对象。最后调用requestLayout()方法,reqeustLayout会重新测量我们的布局也就是会执行View的onMeasure()。

3、指定显示区域

在onMeasure方法中我们需要指定要加载图片的区域Rect的四个顶点位置。

由于我们不需要对Bitmap的的位置重新摆放,所以不许要重写onLayout方法,但是自定义View要绘制一张图片该怎么办?想必大家能够猜到:

首先设置Bitmap的复用,然后根据指定区域以及Options来解码一张图片,最后通过Canvas绘制到View中。

说道这里我们就将一张巨型图片的某个区域显示到View中了。但是我们仅仅显示了指定区域,而且是较小的一部分区域,如果想要完整预览整张图片该如何处理呢?

四、改变区域完成巨图加载

1、Scroller + GestureDetector

上面说到我们通过Rect指定显示区域,那通过改变要显示的区域位置不就可以完成整张图片的加载了?

所以借助手势GestureDetector与Scroller(滑动帮助)来完成这一功能。

首先我们将事件交由GestureDetector处理:

在GestureDetector的onScroll方法中:

重新指定上下两个顶点位置,然后调用invalidate进行重新绘制。

在GestureDetector的onFling方法:

指定手指离开的后的滑动惯性。

如果手指按下,此时我们希望停止滑动:

重写View的computeScroll计算View如何滑动:

这样我们通过BitmapRegionDecoder每次只加载显示一块区域的Bitmap,然后配合GestureDetector与Scroller完成手势滑动改变Rect完成View的滑动效果。至此如何加载显示一张巨图就实现了。

荐:https://www.linuxidc.com/Linux/2016-01/127276.htm

2、附上完整代码:

BigView.java

相关文章

网友评论

    本文标题:Android性能调优(7)—Bitmap长图加载

    本文链接:https://www.haomeiwen.com/subject/bakmrftx.html