【Android 应用开发】Xfermod 图形组合 之 SRC 类 合成模式 ( SRC | SRC_ATOP | 详细解析官方给出的透明度和颜色值计算公式 )

文章目录

• • • • SRC 合成模式
      • SRC 合成模式详细解析
      • SRC_ATOP 合成模式
      • SRC_ATOP 合成模式详细解析

SRC 合成模式

SRC 合成模式 :

• 1.合成操作 : 源图像像素 替换 目标图像像素 ( 官方说明 ) ;
• 2.合成方程 ( 新版本表示 ) :
  • ① 计算像素透明度 :

  \alpha_{out} = \alpha_{src}

  • ② 计算像素颜色值 :

  C_{out} = C_{src}

  • ③ 隐含条件 ( 像素位置对应 ) : 下面的值都是 对应像素位置 的透明度和颜色值 , 如计算 第 1 行 第 1 列 像素 的透明度

  \alpha_{out}

  , 根据方程其值等于

  \alpha_{src}

  , 这个

  \alpha_{src}

  值是 源图像对应 第 1 行 第 1 列 像素的透明度值 ;

• 3.合成公式 ( 老版本表示 ) :

, 前者

表示 合成结果对应像素透明度 , 后者

表示 合成结果对应像 颜色值 ;

• 4.合成结果展示 :
  • ① 合成前的图片 : 右上角的红色圆形是 目标图像 ( 先绘制 ) , 左下角的蓝色正方向是源图像 ( 后绘制 ) ;

  

  在这里插入图片描述

  • ② 合成结果 : 只绘制 源图像 ;

  

  在这里插入图片描述

• 5.合成模式对应代码 :

 // 1.创建画笔
 Paint paint = new Paint();
 // 2.绘制目标图像 ( Destination Image ) 先绘制
 canvas.drawBitmap(destinationImage, 0, 0, paint);

 // 3.设置 Xfermod 图形组合模式
 PorterDuff.Mode mode = PorterDuff.Mode.SRC;
 paint.setXfermode(new PorterDuffXfermode(mode));

 // 4.绘制 源图像 ( Source Image ) 后绘制
 canvas.drawBitmap(sourceImage, 0, 0, paint);

SRC 合成模式详细解析

合成方程解析 :

1. 合成后的图像描述 : 只绘制 源图像 , 不绘制 目标图像 ;

2. 合成的计算过程 ( 按照区域 和 公式 分析透明度和颜色值 ) :

区域 ( 源图像素 不透明区域 ) : 该区域的 透明度 与 颜色值 与 源图像一样 ;

• ① 透明度计算 : 根据公式

, 其透明度是源图像的透明度 ;

• ② 颜色值计算 : 根据公式

, 其颜色值是源图像的颜色值 ;

区域 ( 源图像素 透明区域 ) :

区域的补集 ; 该区域的 透明度 与 颜色值 与 源图像一样 ;

• ① 透明度计算 : 根据公式 , 该区域中 源图 透明度

为

;

• ② 颜色值计算 : 根据公式 , 该区域中 源图 颜色

为

;

上面两个区域 的计算公式是一样的 ; 透明度 :

颜色值 :

3. 老版本的合成公式说明 :

, 前者

表示 合成结果对应像素位置的 透明度 是

, 后者

表示 合成结果对应像素位置的颜色值是

;

合成区域描述 : ① 集合

表示 源图像素 不透明区域 ; ② 集合

表示目标图像像素 不透明区域 ; ③ 集合

表示绘制结果的不透明区域 ; ④ 集合

代表全集所有区域 ( 整个框透明 + 不透明所有区域 ) ; ⑤ 集合

表示 源图像 与 目标图像 不透明区域的交集 ; ⑥ 集合

表示 源图像 与 目标图像 不透明区域的并集 ;

SRC_ATOP 合成模式

SRC 合成模式 :

• 1.合成操作 : 源图像像素 不覆盖 目标图像像素 的部分直接丢弃 ; 源图像像素 剩余部分绘制在 目标图像像素 之上 ( 官方说明 ) ;
• 2.合成方程 ( 新版本表示 ) :
  • ① 计算像素透明度 :

  \alpha_{out} = \alpha_{dst}

  • ② 计算像素颜色值 :

  C_{out} = \alpha_{dst} * C_{src} + (1-\alpha_{src}) * C_{dst}

  • ③ 隐含条件 ( 像素位置对应 ) : 下面的值都是 对应像素位置 的透明度和颜色值 , 如计算 第 1 行 第 1 列 像素 的透明度

  \alpha_{out}

  , 根据方程其值等于

  \alpha_{src}

  , 这个

  \alpha_{src}

  值是 源图像对应 第 1 行 第 1 列 像素的透明度值 ;

• 3.合成公式 ( 老版本表示 ) :

, 前者

表示 合成结果对应像 透明度 , 后者

表示 合成结果对应像 颜色值 ;

• 4.合成结果展示 :
  • ① 合成前的图片 : 右上角的红色圆形是 目标图像 ( 先绘制 ) , 左下角的蓝色正方向是源图像 ( 后绘制 ) ;

  

  在这里插入图片描述

  • ② 合成结果 : 绘制 目标图像 不透明部分 , 源图像与目标图像相交部分 绘制源图像 ;

  

  在这里插入图片描述

• 5.合成模式对应代码 :

 // 1.创建画笔
 Paint paint = new Paint();
 // 2.绘制目标图像 ( Destination Image ) 先绘制
 canvas.drawBitmap(destinationImage, 0, 0, paint);

 // 3.设置 Xfermod 图形组合模式
 PorterDuff.Mode mode = PorterDuff.Mode.SRC_ATOP;
 paint.setXfermode(new PorterDuffXfermode(mode));

 // 4.绘制 源图像 ( Source Image ) 后绘制
 canvas.drawBitmap(sourceImage, 0, 0, paint);

SRC_ATOP 合成模式详细解析

合成方程解析 :

1. 合成后的图像描述 : 绘制区域 只绘制目标图像不透明的区域 , 源图像与目标图像交集区域 绘制源图像 , 不相交的剩余区域绘制目标图像 ;

2. 合成的计算过程 ( 按照区域 和 公式 分析透明度和颜色值 ) :

Ⅰ.

区域 ( 集合差集运算 : 属于 目标图像不透明区域

, 不属于 源图像不透明区域区域

) :

( 1 ) 透明度计算 : 根据公式

, 其透明度是目标图像的透明度 ;

( 2 ) 颜色值计算 : 根据公式

分析 :

该区域 的 相关变量值 :

• ① 目标图像透明度 :

• ② 目标图像颜色值 :

• ③ 源图像透明度 :

• ④ 源图像颜色值 :

分析 :

• ①

中 ,

源图像颜色值是

, 因此前半部分计算出来是

;

• ②

中 , 源图像的透明度是

, 其计算结果是

;

因此

最终计算结果是

;

Ⅱ .

区域 ( 集合交集运算 : 目标图像不透明区域

, 与 源图像不透明区域

, 的交集 ) :

( 1 ) 透明度计算 : 根据公式

, 其透明度是目标图像的透明度 , 是

;

( 2 ) 颜色值计算 : 根据公式

分析 :

该区域 的 相关变量值 :

• ① 目标图像透明度 :

• ② 目标图像颜色值 :

• ③ 源图像透明度 :

• ④ 源图像颜色值 :

分析 :

• ①

中 ,

源图像颜色值是

, 因此前半部分计算出来是

;

• ②

中 , 源图像的透明度是

, 其计算结果是

;

因此

最终计算结果是

;

上面两个区域 的计算公式是一样的 ; 透明度 :

颜色值 :

合成区域描述 : ① 集合

表示 源图像素 不透明区域 ; ② 集合

表示目标图像像素 不透明区域 ; ③ 集合

表示绘制结果的不透明区域 ; ④ 集合

代表全集所有区域 ( 整个框透明 + 不透明所有区域 ) ; ⑤ 集合

表示 源图像 与 目标图像 不透明区域的交集 ; ⑥ 集合

表示 源图像 与 目标图像 不透明区域的并集 ;