客户在使用 TouchGFX开发 GUI应用的时候, 需要很多的图片资源来呈现友好的人机交互功能, 因此外扩了一个 FLASH来存储图片资源. 在软件研发后期发现现有的 FLASH存储空间不够, 因此提出是否可以使用 TouchGFX来减少图片资源的存储空间且实现同样的 UI效果.
, v- W, {; M  ], ?) C

01调研


# 在硬件方面
MCU 的图像处理加速器DMA2D 中的调色板的颜色格式 , 支持 L8 格式的图层之间的渲染：
+ X% R* y  j; B" a

# 从软件方面
# [8 {/ L0 l5 {2 o. w. K3 ^最新的 TouchGFX4.12.3 开始, 可以利用了 DMA2D 的调色板功能对图片的资源进行优化 .

# 比如下图(宽 x 高=200x200)

1 Q% O0 n2 _/ ?& ]
1. 这幅图是由 256 种颜色组成的.
2. 且每种颜色都针对图像进行了优化.
3. 256 种索引颜色中的每一种都是 24 位颜色.
1 K& e6 d8 b" K0 x9 v

4 c9 |' U" w) x/ a, i为了在 LCD 上显示这张图, TouchGFX Designer 在生成资源文件时,生成的资源文件大小:


1. L8_ARGB8888 :
5 ~0 z+ Z5 O0 g0 t  p200x200x1byte+256x4byte=41024bytes
=>200x200 个 8bit 的颜色索引+256 个 32bit
7 L0 F3 G8 R' [/ C8 H  F

5 x  r3 @6 n( P1 B9 d0 V# m2. ARGB8888 :
: [0 B, D% Z2 t- x) x; _# g200x200x4byte=160000bytes.
4 q/ s6 s% v! W# @( V9 G! {=>200x200 个 32bit 的颜色


在 TouchGFX 中使用 L8 Image ，只需要将 L8 的图片拖入到 TouchGFX Designer 中，然后在Image 页面中选择正确的格式 :
% o' s0 u! X3 W2 a( L& e3 J1 Q

0 P/ r- [; c9 q2 F) _注意: 如果图片超过 256 颜色，转换工具就会报错，因此可以使用图片工具(如
0 b% E+ R% m7 f& I; `! d! B; w
( J% z4 f- D; h" `# G/ V
paint.net/imagemagick)将颜色数减少至少于 256 色 :


Paint.net:

Image Magick (www.imagemagick.org):

% }* h5 K0 M* a" y, X
: {) ^6 x, Q* U' J' j, x02结论
7 I! ^8 r9 M4 H  ]: o& m) Q9 k: W
* ~( T  g. J! F# Q4 t! r
5 X3 M5 q2 N) I3 Q& v图像使用 L8 格式时占用的 flash 大小显著低于标准 24 位格式(RGB888)的原始图像。下表列出了这三种不同调色板格式的具体图像的 flash 使用情况（图片分辨率 200x200）：

由于 TouchGFX 对于 L8 格式还可以支持 L8_ARGB8888，因此可以与 ARGB8888 等格式的图像进行混合渲染，因此特别适合作为图标等颜色数少但是素材丰富的应用.
& _! _4 f& ^* a- _
7 b2 a% n) k! N2 H+ v% e) g) j0 k  ^综上可以看出，采用 TouchGFX4.12.3+L8 格式 :
* y  q9 p1 q& i2 E( M0 f' V
9 J# H+ ?& @" [# o6 h- M- @
1. 相比较 ARGB8888 像素格式, L8 大幅降低了资源文件的大小, 从而降低对存储芯片的需求 .
2. 同时由于图片像素信息大幅减少，读写一张图片的速度也大大提高, 也提高了系统实时性能.

' B8 j! y2 b& b! t) P
9 I3 c' [! x% l9 r03处理

因此我们建议客户选择使用 TouchGFX4.12.3+L8 的功能，通过重新优化部分资源文件，减少图片资源的存储空间来实现客户的 UI 效果，并且改善了系统的实时性能.

打卡，学习！