Android加载长图那些事

Android加载大图。

首先我们来创建两个角色,大神A和菜鸟B。
B:“A神,快来帮我看个问题,太奇怪了。为难死宝宝了0.0”
A:“怎么了,说来听听”
B:“是这样的,我的一个页面需要加载一张背景图。图的高度和屏幕高度相同,但是宽度是屏幕宽度的5倍,然后我把它放到一个HorizontalScrollView中,想通过可滑动来展示全这张图片。结果屏幕白茫茫一片,什么都不显示,也没报错,我都哭了。”
A:“先别急,你觉得可能是哪方面问题呢”
B:“我觉得可能是两方面的问题:1.图片质量太大;2.图片太长
A:“那你有没有试着弄清楚到底是哪里的问题呢?”
B:“试了,我又试着加载了一张长宽都小于手机尺寸的5M大小的图(长图2.5M),结果可以完全显示。,然后又去找了一些关于加载长图的资料,但还是没弄明白。”
A:“嗯,你的思路大概是对的。是这样的,在Android中,解析图片时,当图片高度或宽度超过阀值时,会解析失败。你可以去看一下BitmapRegionDecoder,说不定会有什么发现哦。”
接下来,是B同学的整理。

场景

对于图片加载有一种这样的情况,就是单个图片非常巨大,并且还不允许压缩。比如显示:世界地图、微博长图等。首先不压缩,按照原图尺寸加载,那么屏幕肯定是不够大的,并且考虑到内存的情况,不可能一次性整图加载到内存中,所以肯定是局部加载。这就需要用到Api提供的这个类:BitmapRegionDecoder。

BitmapRegionDecoder

我们来看一下官方的介绍:

1
2
3
BitmapRegionDecoder can be used to decode a rectangle region from an image. BitmapRegionDecoder is particularly useful when an original image is large and you only need parts of the image.
To create a BitmapRegionDecoder, call newInstance(...). Given a BitmapRegionDecoder, users can call decodeRegion() repeatedly to get a decoded Bitmap of the specified region.

BitmapRegionDecoder主要用于显示图片的某一块矩形区域,如果你需要显示某个图片的指定区域,或者你需要显示一张非常大的图片,那么这个类非常合适。我们可以调用newInstance(…)方法来获得一个BitmapRegionDecoder对象,然后调用decodeRegion()方法就可以获得指定位置的图片了。
接下来看一个简单的例子

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
package oracleen.decoder;
import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.BitmapRegionDecoder;
import android.graphics.Rect;
import android.os.Bundle;
import android.widget.ImageView;
import java.io.IOException;
import java.io.InputStream;
public class MainActivity extends Activity {
private ImageView decoder;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
decoder = (ImageView) findViewById(R.id.decoder);
try {
InputStream inputStreamF = getAssets().open("datu.png");
//获得图片的宽、高
BitmapFactory.Options tmpOptions = new BitmapFactory.Options();
tmpOptions.inJustDecodeBounds = true;
BitmapFactory.decodeStream(inputStreamF, null, tmpOptions);
int width = tmpOptions.outWidth;
int height = tmpOptions.outHeight;
InputStream inputStreamS = getAssets().open("datu.png");
//设置显示图片的中心区域
BitmapRegionDecoder bitmapRegionDecoder = BitmapRegionDecoder.newInstance(inputStreamS, false);
BitmapFactory.Options options = new BitmapFactory.Options();
options.inPreferredConfig = Bitmap.Config.RGB_565;
Bitmap bitmap = bitmapRegionDecoder.decodeRegion(new Rect(0, 0, width / 2, height), options);
decoder.setImageBitmap(bitmap);
} catch (IOException e) {
e.printStackTrace();
}
}
}

这里我们截取了一个高度等于大图高度,长度等于大图长度一般的图片。

这里注意一下,有时候会抛

1
2
Throws
IOException if the image format is not supported or can not be decoded.

这个异常,这里需要重新初始化一下我们的输入流,保证它是初始的可读状态。

这里写图片描述

小B的总结

对于小B的问题有两种解决办法:
1.把原始的长图切成5张小图,分别设置给5个ImageView,这样每个imageview加载的图都不会超出阈值。
但是问题是整张图会全部加载出来,可能会出现OOM。
2.重写HorizontalScrollView,根据左右滑动的距离用BitmapRegionDecoder去分区域显示。
3.自定义view,在view内部用BitmapRegionDecoder去分区域显示。然后对外提供一个设置图片资源的方法。

参考链接:
http://blog.csdn.net/lmj623565791/article/details/49300989

http://developer.android.com/reference/android/graphics/BitmapRegionDecoder.html#newInstance%28java.io.InputStream,%20boolean%29

任磊_Coder wechat
关注博主是一种态度,评论博主是一种欣赏。
坚持原创技术分享,您的支持将鼓励我继续创作!