Android加载长图那些事

最新推荐文章于 2024-05-13 23:02:11 发布

PleaseCallMeCoder

最新推荐文章于 2024-05-13 23:02:11 发布

阅读量5.1k

点赞数

分类专栏：性能优化文章标签：图片

本文链接：https://blog.csdn.net/sdkfjksf/article/details/50923461

版权

性能优化专栏收录该内容

10 篇文章 0 订阅

订阅专栏

首先我们来创建两个角色，大神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

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

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()方法就可以获得指定位置的图片了。
接下来看一个简单的例子

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();
        }
    }

}

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

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

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