客户在使用 TouchGFX开发 GUI应用的时候, 需要很多的图片资源来呈现友好的人机交互功能, 因此外扩了一个 FLASH来存储图片资源. 在软件研发后期发现现有的 FLASH存储空间不够, 因此提出是否可以使用 TouchGFX来减少图片资源的存储空间且实现同样的 UI效果.
$ E! K" u6 G8 H

01调研
% }/ K; ?. X5 @! E

# e8 z3 I$ s8 [; e# 在硬件方面
1 l9 h: ~/ _" k$ t/ O! }MCU 的图像处理加速器DMA2D 中的调色板的颜色格式 , 支持 L8 格式的图层之间的渲染：

- S& e, Q% u# A: U
2 V' v4 Z4 }4 p/ X9 K: t. B# 从软件方面
最新的 TouchGFX4.12.3 开始, 可以利用了 DMA2D 的调色板功能对图片的资源进行优化 .
1 h- Z0 i4 ^: w  x8 e* i
# 比如下图(宽 x 高=200x200)

5 \& i* z* B' x5 a$ G7 ~
1. 这幅图是由 256 种颜色组成的.
; ]) H$ [& S% G9 M" }: s2. 且每种颜色都针对图像进行了优化.
0 \0 }4 v2 t% _- N3. 256 种索引颜色中的每一种都是 24 位颜色.
+ i2 x' k5 O, Z4 b) ~; V9 \! F

1 ]; W2 a* M) w; h" t4 v为了在 LCD 上显示这张图, TouchGFX Designer 在生成资源文件时,生成的资源文件大小:
( p) U- S- f3 L1 y5 t

1. L8_ARGB8888 :
! M# e# i+ j( I2 b4 h200x200x1byte+256x4byte=41024bytes
( ?1 |& @8 I2 U# K+ ]4 y=>200x200 个 8bit 的颜色索引+256 个 32bit
; o; q% M/ k9 J* Y

2. ARGB8888 :
' N6 ^- Q) c5 L1 Y' \200x200x4byte=160000bytes.
! z) S. x. G$ c# p# n. I* ]=>200x200 个 32bit 的颜色
, H/ ?( K7 b" E& t6 _, ^/ U  o! C

在 TouchGFX 中使用 L8 Image ，只需要将 L8 的图片拖入到 TouchGFX Designer 中，然后在Image 页面中选择正确的格式 :
8 y0 d# D* ~9 }4 b$ Q2 t2 q7 U

注意: 如果图片超过 256 颜色，转换工具就会报错，因此可以使用图片工具(如
1 v- I% I" G. z- q8 n  A
, O+ H7 K0 d0 G- ]5 o/ B4 Q) Z
paint.net/imagemagick)将颜色数减少至少于 256 色 :


! u7 i* w1 j- f& }8 B! r5 K Paint.net:

Image Magick (www.imagemagick.org):
9 s) o* N* I. i; H: |, C

* z! m+ ^9 o$ D% v+ p' s( ~02结论

5 n5 U/ Z" A- i, i5 c  V! R
图像使用 L8 格式时占用的 flash 大小显著低于标准 24 位格式(RGB888)的原始图像。下表列出了这三种不同调色板格式的具体图像的 flash 使用情况（图片分辨率 200x200）：

由于 TouchGFX 对于 L8 格式还可以支持 L8_ARGB8888，因此可以与 ARGB8888 等格式的图像进行混合渲染，因此特别适合作为图标等颜色数少但是素材丰富的应用.

综上可以看出，采用 TouchGFX4.12.3+L8 格式 :

! L/ b, K, r- p& v4 G) O
1. 相比较 ARGB8888 像素格式, L8 大幅降低了资源文件的大小, 从而降低对存储芯片的需求 .
2. 同时由于图片像素信息大幅减少，读写一张图片的速度也大大提高, 也提高了系统实时性能.


8 z% B( R% }  x+ l) u4 B03处理
' K7 I: U$ |  [- |& ]
7 N: L; `2 ^2 ^  I因此我们建议客户选择使用 TouchGFX4.12.3+L8 的功能，通过重新优化部分资源文件，减少图片资源的存储空间来实现客户的 UI 效果，并且改善了系统的实时性能.
9 p4 G  s3 R5 N

打卡，学习！