【Android 内存优化】自定义组件长图组件 ( 获取图像宽高 | 计算解码区域 | 设置图像解码属性 复用 像素格式 | 图像绘制 )

简介: 【Android 内存优化】自定义组件长图组件 ( 获取图像宽高 | 计算解码区域 | 设置图像解码属性 复用 像素格式 | 图像绘制 )

文章目录

一、获取图像真实宽高

二、计算解码区域

三、设置解码参数 内存复用 像素格式

四、图像绘制

五、执行效果

六、源码及资源下载



官方文档 API : BitmapRegionDecoder



在【Android 内存优化】自定义组件长图组件 ( 自定义组件构造方法 ) 基础上继续开发 ;






一、获取图像真实宽高


显示的图像是一张长图 , 在该组件中 , 宽度肯定要完整显示出来 , 解码图片的不同高度的数据 ;


首先要测量图片数据的真实宽高 , 然后根据图像的宽高 , 与组件的宽高 , 以及要显示的图像位置 , 计算要解码的图像区域 ;



参考 【Android 内存优化】Bitmap 图像尺寸缩小 ( 设置 Options 参数 | inJustDecodeBounds | inSampleSize | 工具类实现 ) 一、解码图片参数 inJustDecodeBounds 章节内容 , 有图片解码的详细步骤 ;




1 . 图片尺寸数据解码 :



① 创建解码选项 : 创建 BitmapFactory.Options 对象 ;


② 设置解码尺寸数据 : 设置 BitmapFactory.Options 对象的 inJustDecodeBounds 为 true , 解码图像时 , 不解码图像数据 , 只获取图像的尺寸数据 ;


③ 解码图像尺寸数据 : 调用 BitmapFactory.decodeStream 方法 , 解码图片 , 图片相关的尺寸数据保存到了 mOptions 选项中 ;


④ 获取图片尺寸 : mOptions.outWidth 是解码出的图像宽度 , mOptions.outHeight 是解码出的图像高度 ;




2 . 代码示例 :


/**
 * Bitmap 解码选项
 */
private BitmapFactory.Options mOptions;
/**
 * 图片宽度
 */
private int mImageWidth;
/**
 * 图片高度
 */
private int mImageHeight;
// ...
// 解码选项
mOptions = new BitmapFactory.Options();
// 读取图片的尺寸数据
mOptions.inJustDecodeBounds = true;
// 解码图片 , 图片相关的尺寸数据保存到了 mOptions 选项中
BitmapFactory.decodeStream(inputStream, null, mOptions);
// 获取图片宽高
mImageWidth = mOptions.outWidth;
mImageHeight = mOptions.outHeight;




二、计算解码区域


1 . 显示区域计算原则 : 这是一张长图 , 宽度完全显示 , 高度显示部分 ; 根据组件的宽高计算图像显示的区域 , 组件的宽高已知 , 宽高比例确定 ; 该宽高比例下 , 图片显示的区域也必须是该比例 ;




2 . 图像宽高与组件宽高比例 : 加载的图像高度宽度 , 与组件的高度宽度比例一致 ;



m V i e w W i d t h m V i e w H e i g h t = 加 载 的 图 像 宽 度 加 载 的 图 像 高 度 \dfrac{mViewWidth }{mViewHeight} = \dfrac{加载的图像宽度}{加载的图像高度}

mViewHeight

mViewWidth


=

加载的图像高度

加载的图像宽度




m V i e w W i d t h 加 载 的 图 像 宽 度 = m V i e w H e i g h t 加 载 的 图 像 高 度 \dfrac{mViewWidth }{加载的图像宽度} = \dfrac{mViewHeight }{加载的图像高度}

加载的图像宽度

mViewWidth


=

加载的图像高度

mViewHeight





3 . 缩放因子 : 由于宽度必须填充慢组件宽度 , 这里需要缩放图片 , 高分辨率手机需要缩小图片 , 低分辨率手机需要放大图片 ;


缩 放 因 子 = m V i e w W i d t h 加 载 的 图 像 宽 度 缩放因子 = \dfrac{mViewWidth}{加载的图像宽度 }

缩放因子=

加载的图像宽度

mViewWidth





4 . 计算区域高度 : 图像截取的宽度已知 , 组件的宽高已知 , 计算图像截取的高度 :


m V i e w W i d t h 加 载 的 图 像 宽 度 = m V i e w H e i g h t 加 载 的 图 像 高 度 = m V i e w H e i g h t × 加 载 的 图 像 宽 度 m V i e w W i d t h = m V i e w H e i g h t 缩 放 因 子

mViewWidth加载的图像宽度===mViewHeight加载的图像高度mViewHeight×加载的图像宽度mViewWidthmViewHeight缩放因子

mViewWidth加载的图像宽度=mViewHeight加载的图像高度=mViewHeight×加载的图像宽度mViewWidth=mViewHeight缩放因子

加载的图像宽度

mViewWidth



 

=

=

=


 

加载的图像高度

mViewHeight


mViewWidth

mViewHeight×加载的图像宽度


缩放因子

mViewHeight






5 . 代码示例 : 在 onMeasure 方法中 , 获取最新测量出来的组件宽高 , 根据以上公式 , 计算出要解码图像的宽高 ;


   @Override

 

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        // 获取测量的自定义 View 组件宽高
        mViewWidth = getMeasuredWidth();
        mViewHeight = getMeasuredHeight();
        // 根据组件的宽高 , 确定要加载的图像的宽高
        if(mBitmapRegionDecoder != null){
            mRect.left = 0;
            mRect.top = 0;
            // 绘制的宽度就是图像的宽度
            mRect.right = mImageWidth;
            // 根据图像宽度 和 组件宽度 , 计算出缩放比例
            // 组件宽度 / 图像宽度 = 缩放因子
            mScale = (float)mViewWidth / (float)mImageWidth;
            /*
                加载的图像高度宽度 , 与组件的高度宽度比例一致
                mViewWidth / 加载的图像宽度 = mViewHeight / 加载的图像高度
                此处加载的图像宽度就是实际的宽度
                 加载的图像高度 = mViewHeight / ( mViewWidth / 加载的图像宽度 )
                 mViewWidth / 加载的图像宽度 就是缩放因子
                 加载的图像高度 = mViewHeight / 缩放因子
             */
            // 根据缩放因子计算解码高度
            mRect.bottom = (int) (mViewHeight / mScale);
        }
    }







三、设置解码参数 内存复用 像素格式


设置图像解码参数 :



① 关闭尺寸解码 : 之前解码图像尺寸 , 将 BitmapFactory.Options 的 inJustDecodeBounds 属性设置为了 true , 现在要开始解码图像数据了 , 需要关闭该选项 , 设置为 false ;


② 设置像素格式 : 如果不需要显示透明度 , 就设置 BitmapFactory.Options 的 inPreferredConfig 像素格式为 Bitmap.Config.RGB_565 , 该像素格式每个像素占 2 字节内存 ;


③ 设置可变 : 这是内存复用生效的前提 , 设置 inMutable 为 true ;


④ 设置复用内存的 Bitmap 对象 : 每次解码操作前都要设置一次 , 解码时会复用该 Bitmap 中的内存 ;




2 . 代码示例 :

/**
 * Bitmap 解码选项
 */
private BitmapFactory.Options mOptions;
// ... 
// 设置 Bitmap 内存复用
mOptions.inMutable = true;  // 设置可变
// 内存复用
mOptions.inBitmap = mBitmap;
mOptions.inPreferredConfig = Bitmap.Config.RGB_565; // 设置像素格式 RGB 565
mOptions.inJustDecodeBounds = false; // 读取完毕之后, 就需要解析实际的 Bitmap 图像数据了






四、图像绘制


1 . 图像绘制 :



① 设置图像区域解码器 : 在为自定义组件设置图片时 , 设置区域解码器 , 因为要设置区域解码的数据源 , 因此必须在用户设置图片时 , 才可以创建区域解码器 ;


② 设置内存复用 : 每次解码时 , 都要设置一下内存复用的 Bitmap 对象 ; mOptions.inBitmap = mBitmap;


③ 解码图片 : 调用区域解码器的 mBitmapRegionDecoder.decodeRegion 方法 , 解码图片的特定区域 ;


④ 设置图片缩放 : 使用 Matrix 进行图像缩放 ; 图像与自定义组件的尺寸不同 , 因此需要将解码区域完全填充到自定义组件中显示 ;


⑤ 图像绘制 : 调用 canvas.drawBitmap 绘制图像 , 如果需要缩放 , 传入 Matrix 参数 ;




2 . 代码示例 :


 

/**
     * 图像区域解码器
     */
    private BitmapRegionDecoder mBitmapRegionDecoder;
  // ...
    /**
     * 设置显示的图片
     * @param inputStream
     */
    public void setImage(InputStream inputStream){
        // ...
        try {
            // Bitmap 区域解码器
            mBitmapRegionDecoder = BitmapRegionDecoder.newInstance(inputStream, false);
        } catch (IOException e) {
            e.printStackTrace();
        }
        // 设置图片完毕后 , 刷新自定义组件
        requestLayout();
    }
  // ...
    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if(mBitmapRegionDecoder == null) return;
        // 内存复用
        mOptions.inBitmap = mBitmap;
        // 解码图片
        mBitmap = mBitmapRegionDecoder.decodeRegion(mRect, mOptions);
        // 设置绘制的图像缩放 , x 轴和 y 轴都在 Bitmap 大小的区域基础上 , 缩放 mScale 倍
        Matrix matrix = new Matrix();
        matrix.setScale(mScale, mScale);
        canvas.drawBitmap(mBitmap, matrix, null);
    }




五、执行效果


竖屏效果 :

image.png



横屏效果 :



image.png





六、源码及资源下载


源码及资源下载地址 :


① GitHub 工程地址 : Long_Graph_Loading


② LongImageView.java 主界面代码地址 : LongImageView.java , 这是上述示自定义组件代码 ;


目录
相关文章
|
5天前
|
监控 安全 Android开发
【新手必读】Airtest测试Android手机常见的设置问题
【新手必读】Airtest测试Android手机常见的设置问题
|
11天前
|
设计模式 Android开发
[Android 四大组件] --- BroadcastReceiver
[Android 四大组件] --- BroadcastReceiver
18 0
|
2月前
|
Android开发 开发者
什么是Android Jetpack,它包括哪些组件?
什么是Android Jetpack,它包括哪些组件?
20 0
|
3月前
|
XML Java Android开发
Android Studio App开发中改造已有的控件实战(包括自定义支付宝月份选择器、给翻页栏添加新属性、不滚动的列表视图 附源码)
Android Studio App开发中改造已有的控件实战(包括自定义支付宝月份选择器、给翻页栏添加新属性、不滚动的列表视图 附源码)
29 1
|
3月前
|
数据库 Android开发
Android Studio开发之应用组件Application的讲解及实战(附源码,通过图书管理信息系统实战)
Android Studio开发之应用组件Application的讲解及实战(附源码,通过图书管理信息系统实战)
35 0
|
3月前
|
XML 前端开发 Java
Android App开发图像加工中卡片视图CardView和给图像添加装饰的讲解以及实战(附源码 简单易懂)
Android App开发图像加工中卡片视图CardView和给图像添加装饰的讲解以及实战(附源码 简单易懂)
33 0
|
3月前
|
XML Java Android开发
Android Studio开发之使用内容组件Content获取通讯信息讲解及实战(附源码 包括添加手机联系人和发短信)
Android Studio开发之使用内容组件Content获取通讯信息讲解及实战(附源码 包括添加手机联系人和发短信)
55 0
|
11天前
|
数据可视化 Android开发
[Android 四大组件] --- Service
[Android 四大组件] --- Service
17 0
|
11天前
|
Android开发
[Android 四大组件] --- Activity
[Android 四大组件] --- Activity
14 1
|
1月前
|
存储 数据库 Android开发
安卓四大组件是什么?
安卓四大组件是什么?

相关产品

  • 云迁移中心