Android加载高清长图

最新推荐文章于 2026-04-18 08:37:52 发布

原创最新推荐文章于 2026-04-18 08:37:52 发布 · 882 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

android相关专栏收录该内容

177 篇文章

订阅专栏

在Android应用开发中，处理高清长图时可能会遇到加载困难和内存溢出问题。通过BitmapRegionDecoder，可以实现从图片中按需加载特定区域，避免一次性加载整个图片导致的问题。文章介绍了结合viewpager、photoView和Glide的传统方式的不足，并推荐使用SubsamplingScaleImageView框架，该框架基于BitmapRegionDecoder，能有效处理长图。此外，还提及了如何修改SubsamplingScaleImageView以支持GIF图片。

app项目开发过程中，大都有查看图片详情的功能模块。实现的方式一般都是通过viewpager+photoView+Glide的方式。这种方式下，如果碰到加载超长图，比如说高清版的清明上河图/世界地图，肯定就加载不出来了。

这个时候BitmapRegionDecoder就派上了用场了

原理：BitmapRegionDecoder允许从图片扣取一个图块加载，这就能很好的加载高清长图也能有效的防止内存溢出了。

布局文件

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    style="@style/WHFull"
    android:orientation="horizontal" android:layout_gravity="center">

    <cn.isccn.ouyu.view.photoview.PhotoView style="@style/WHFull" android:scaleType="fitCenter"
        android:id="@+id/ivPic"/>

    <io.dcloud.feature.nativeObj.photoview.subscaleview.SubsamplingScaleImageView
        style="@style/WHFull"
        android:scaleType="fitCenter"
        android:visibility="gone"
        android:id="@+id/ivSubPic"/>

</FrameLayout>

设置点击事件监听

ivPic.setOnPhotoTapListener(mOnTapListener);
ivSubPic.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
           mOnTapListener.onPhotoTap(ivSubPic,0,0);
      }
});

第三方框架SubsamplingScaleImageView是基于BitmapRegionDecoder。GitHub地址：https://github.com/davemorrissey/subsampling-scale-image-view.git

 ImageUtil.ImageSize size = ImageUtil.getImageSizeByFilePath(path);

  /**
     * 获取图片尺寸
     * */
    public static ImageSize getImageSizeByFilePath(String path){
        BitmapFactory.Options options = new BitmapFactory.Options();
        options.inJustDecodeBounds = true;
        BitmapFactory.decodeFile(path,options);
        return new ImageSize(options.outWidth,options.outHeight);
    }


 Glide.with(mCtx)
                .load(path)
                .error(R.drawable.ic_default_image)
                .placeholder(R.drawable.ic_default_image)
                .override(size.width,size.height)
//                .into(iv);
                .into(new SimpleTarget<Drawable>() {
                    @Override
                    public void onResourceReady(@NonNull Drawable resource, @Nullable Transition<? super Drawable> transition) {
                        if ((finalSize.width>4098||finalSize.height>4098)&& TouchPhoneUtil.isTouchPhone()){
                            float scale = Utils.getImageScale(iv.getContext(),path);
                            iv.setVisibility(View.GONE);
                            ivSubPic.setVisibility(View.VISIBLE);
                            ivSubPic.setImage(ImageSource.uri(path),  new ImageViewState(scale, new PointF(0, 0), 0));
                        }else {
                            iv.setVisibility(View.VISIBLE);
                            ivSubPic.setVisibility(View.GONE);
                            iv.setImageDrawable(resource);
                        }
                    }
                });

Utils.getImageScale相关的方法如下

/**
     * 计算出图片初次显示需要放大倍数
     * @param imagePath 图片的绝对路径
     */
    public static float getImageScale(Context context, String imagePath){
        if(TextUtils.isEmpty(imagePath)) {
            return 2.0f;
        }

        Bitmap bitmap = null;

        try {
            bitmap = BitmapFactory.decodeFile(imagePath);
        } catch (OutOfMemoryError error) {
            error.printStackTrace();
        }

        if(bitmap == null) {
            return 2.0f;
        }

        // 拿到图片的宽和高
        int dw = bitmap.getWidth();
        int dh = bitmap.getHeight();

        WindowManager wm = ((Activity)context).getWindowManager();
        int width = wm.getDefaultDisplay().getWidth();
        int height = wm.getDefaultDisplay().getHeight();

        float scale = 1.0f;
        //图片宽度大于屏幕，但高度小于屏幕，则缩小图片至填满屏幕宽
        if (dw > width && dh <= height) {
            scale = width * 1.0f / dw;
        }
        //图片宽度小于屏幕，但高度大于屏幕，则放大图片至填满屏幕宽
        if (dw <= width && dh > height) {
            scale = width * 1.0f / dw;
        }
        //图片高度和宽度都小于屏幕，则放大图片至填满屏幕宽
        if (dw < width && dh < height) {
            scale = width * 1.0f / dw;
        }
        //图片高度和宽度都大于屏幕，则缩小图片至填满屏幕宽
        if (dw > width && dh > height) {
            scale = width * 1.0f / dw;
        }
        bitmap.recycle();
        return scale;
    }

SubsamplingScaleImageView框架需要修改的地方（可以让其支持gif图片）：

SubsamplingScaleImageView extends GifImageView

GifImageView是GIF的第三方框架中的类