你的浏览器版本过低,可能导致网站不能正常访问!
为了你能正常使用网站功能,请使用这些浏览器。

【经验分享】GUI 方案中 ALPHA 通道处理介绍

[复制链接]
STMCU小助手 发布时间:2022-2-18 22:56
前言
' Z! C9 W9 j2 m, i伴随着 GUI 应用在嵌入式领域比重日益增加,STM32 专门提供了 DMA2D、LTDC 以及 DSI 等外设,能够实现优良的 GUI 解决方案。本文主要围绕 STM32 的 DMA2D 和 LTDC 展开讨论,介绍图片 ALPHA 通道的处理事项。$ E; I$ |6 U2 m' O9 f3 V; F0 t
ALPHA 通道简述
6 S# L* W/ U4 Y, l: Z4 i4 _2 JALPHA 通道是指一张图片的透明和半透明度。不同颜色格式的图片,具备的 ALPHA 通道位数有所区别,本文围绕 8 位的 ALPHA 通道展开介绍。如下图,为 ALPHA 通道的几种实例。其中透明度由ALPHA 通道值决定。
2 U- v' s4 d7 H9 S  U2 x* I: c) X; m3 Q
BER)E]0249%(B(JT[27@3FV.png $ {- G2 T3 `2 P
0 w, v- }+ p5 j+ c6 K  J
STM32 图片显示方案介绍
! B' Z* b8 {0 E为了更好的阐述 ALPHA 通道的作用及相关处理,先对 STM32 的图片显示进行简单介绍。以支持 DMA2D 和 LTDC 的 STM32 为例,图片的数据流如下图所示(为简化介绍,仅以图片生成像素数据,直接对像素数据进行显示的图片显示方案为例)。& L7 I7 m/ @3 A/ d: b

1 `( C2 s  e$ S. [ $X]$W8YELFZ8(G8T]7`BA24.png
& X* `3 I+ Q# q- g1 X8 H
4 n: E4 u/ Q- [& d首先利用 PC 端工具,将图片转为包含像素数据的文件(例如 STemWin 中提供的 bmpCvt.exe 或者bmpCvtST.exe 工具,能够将图片导出为包含像素数据的.c 文件)。编译链接生成烧录文件,烧录时,对应的像素数据保存到 ROM 中。然后利用 DMA2D 实现图片资源的转移,转移到在 RAM 中开辟的显示缓存空间中。最后,LTDC 访问对应的显示缓存空间,实现对 RGB 接口显示屏的内容刷新,从而实现图片的显示。
! v- W# n4 Y/ ^& R& s9 k& _2 S; a2 |( E- m1 O1 @
STM32 ALPHA 通道处理. V7 `/ E' G6 _% N1 @
上述例中,涉及到两种 STM32 内部外设 DMA2D 和 LTDC,内部框架如下图所示。  C" k5 O* Z# Z$ h  w9 P. V+ o
+ u$ p+ x, Z+ s9 w
TPPWSA353WG{M1Q}{X{8XNX.png 5 o+ f/ e( u& M# z. u! U, y
7 w' Y& t6 ]$ _/ @' I
从图中可以了解到,ALPHA 通道在 DMA2D 和 LTDC 中都能进行处理。具体在像素格式转化和混合中处理。& d% L% ~% V# w
下面围绕 ALPHA 通道处理,分环节进行描述。8 c1 F3 ^/ u" a6 E7 L$ P0 _

$ S+ e7 J; g% T
3 v  h0 ^* D- r, S4 M  `" o/ p  ~PC 端处理7 j6 B& m( l4 N/ q* p1 @
ALPHA 通道在电脑端的处理,除了应用效果上的处理外,主要注意图片导出像素信息时,与硬件平台匹配。
1 Y0 D1 K' l6 N/ l) }6 W例如,bmpCvtST.exe 工具为 32 位真彩色图片,提供了如下两种导出类型。bmpCvtST.exe 是bmpCvt.exe 的 ST 版,能够更好的支持 STM32 平台上图片应用开发。$ [3 a1 \) f, v( o8 Y3 p
6 M+ h" o# Z2 p% n9 z  Y% x$ ?
%OAF%LQH5{YZQ{Y(80$LY$F.png
- U* M. @: S. [7 `9 k/ [; T6 p$ T; p# [( X+ `; N& C
4 J1 |$ u4 [! @% \# b8 ~; B1 n
具体导出何种类型的图片数据.c 文件,需要根据采用的 STM32 DMA2D 外设支持情况进行确定。将在DMA2D 处理小结进行说明。一般情况下,ARGB 格式与全部支持 DMA2D 和 LTDC 的 STM32 硬件平台匹配。$ ^' s9 V6 C) G/ K2 N! p
) |% m% G0 ~/ D0 Y3 N& J6 I
DMA2D 上处理$ H/ j% U2 \1 e: p+ X6 j6 @
如上图,在利用 DMA2D 进行数据的转移、填充等过程中,支持对 ALPHA 通道值的更改。在像素格式转换环节,通过 DMA2D_xxPFCCR 寄存器的配置实现,支持如下三种形式:
$ x/ K( \: k! V; Y+ p1. 保留像素信息原 ALPHA 通道值+ t/ Y3 s) n% n1 d" U; R
2. 利用 ALPHA@DMA2D_xxPFCCR 替换原 ALPHA 通道值4 Y# d& U& I' E' M' c
3. 利用原 ALPHA 通道值* ALPHA@DMA2D_xxPFCCR / 255 替换原 ALPHA 通道值另外,某些 STM32 的 DMA2D 提供了 ALPHA 通道值取反、RED 通道与 BLUE 通道互换的功能,具体请根据对应 STM32 的参考手册了解是否支持。具有这种功能的 STM32 能够匹配上面描述的 ABGR 类型。
5 G/ j- w3 M& x/ y8 q在混合环节,虽然涉及到 ALPHA 通道,但表现为遵循固定的混合公式进行通道混合。在这里不做讨论,
, w$ N$ u) ~' G6 N" Q* y# J8 Y详情请参考对应参考手册的 DMA2D blender 章节。
$ ^$ ]2 V! t! m7 n& Y4 i/ t7 |% r  M' X6 x5 T
LTDC 上处理8 Z- p6 b8 l; R
   像素格式转化环节,并不涉及可配置的 ALPHA 通道处理,这里不做讨论。在混合环节,能够根据不同的混合因子,对各层混合时 ALPHA 通道进行不同的处理, 实现不同的效果。各层混合流程如下图,采用自下而上的混合方式。
: _; T1 L$ F6 G* o) Q
% H( @& A' R+ L& ?! H, S* i) B B$C`PVIF%@@K32A$NKQ3OZR.png
# m8 Q. `0 J6 ]
; R+ e9 l$ t5 e   层间混合遵循如下公式:
1 ]" u8 q) p% _( X* N, J   BC = BF1 x C + BF2 x Cs% S) O$ d  K# n) k5 K- N, H, r
   其中: BC = 混合颜色
2 G6 c0 h$ d+ ^: m, J$ V5 `              BF1 = 混合因子 1
( I; O- [3 y' ?) o) D              C = 当前层颜色
, C7 g) c# Q! \; n& J- g             BF2 = 混合因子 2
! d; ~- v: f, H' \0 d) s5 R             Cs = 下层混合颜色
. S8 S1 y; _; g6 F   涉及到的参数,可以进行如下可选的配置,从而执行不同的层级颜色混合。其中 BF1、BF2 因子决定了对应 ALPHA 通道处理。
' `# A. O* M: s, N& t) g/ M6 a+ A2 Y. l, w9 T0 x
[W~ERT5OJ55B71QIM4GCK0S.png , ^$ _& U) ]- P6 p# x; {) R  t. K
( n2 p" b8 ^% M- `
   例如:当配置层 2 参数 BF1 = 0b100, BF2= 0b100,CONSTA=0xFF 时,BC = C。显示效果为不论图片中 ALPHA 通道值,只显示对应区域上层 2 的图片,其它层颜色不显示。
0 H+ Q( U8 ]# z
" Z0 X# n2 G5 K5 x总结$ Z% ~& M3 t7 S/ Q
图片的转化显示虽然简单,但由于涉及到不同平台,需要注意匹配性问题。实际实现过程中,需要对各环节有一定程度的了解,从而实现同样的显示效果。需知,上述的 STM32 GUI 方案描述,是针对支持 DMA2D 和 LTDC 的 STM32。同时,为了聚焦于 ALPHA 通道的介绍,仅以图片生成的.c 文件为例,介绍图片显示方案。除此之外,STM32 还提供了其他丰富的 GUI 方案,能够直接支持各种格式的图片,例如.bmp, .png,.jpg 等。# D% }+ F) a) R$ F5 p! D8 B
2 e) c2 Z% J' G) x9 v
收藏 评论0 发布时间:2022-2-18 22:56

举报

0个回答

所属标签

相似分享

官网相关资源

关于
我们是谁
投资者关系
意法半导体可持续发展举措
创新与技术
意法半导体官网
联系我们
联系ST分支机构
寻找销售人员和分销渠道
社区
媒体中心
活动与培训
隐私策略
隐私策略
Cookies管理
行使您的权利
官方最新发布
STM32N6 AI生态系统
STM32MCU,MPU高性能GUI
ST ACEPACK电源模块
意法半导体生物传感器
STM32Cube扩展软件包
关注我们
st-img 微信公众号
st-img 手机版