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

- G2 w# ^1 R: q% x" R) k% k8 J01调研
9 u' ~. M. s. r% G) B. v( O

# 在硬件方面
( C2 B- I7 @$ v. ]! x7 w" R
- j& y0 ?2 j9 t7 O5 K7 m* ?
# S. C% u4 L& }* qMCU 的图像处理加速器DMA2D 中的调色板的颜色格式 , 支持 L8 格式的图层之间的渲染：

# 从软件方面
  Q* {- E- ~1 |3 V8 b
5 E9 L+ P& _, w4 D8 P. O
最新的 TouchGFX4.12.3 开始, 可以利用了 DMA2D 的调色板功能对图片的资源进行优化 .
, F7 m1 n3 T' @- u6 I- p
9 M+ ~2 ^% [7 y9 d: j# 比如下图(宽 x 高=200x200)

6 q  s( M  v3 E/ m2 c" C
# }" v4 h9 q- {+ y1. 这幅图是由 256 种颜色组成的.
' S+ @  z3 c. w- }$ B5 k7 t5 ?2. 且每种颜色都针对图像进行了优化.
) g0 D2 F6 m/ F& O3. 256 种索引颜色中的每一种都是 24 位颜色.
0 ]' K& N* D7 R$ h

为了在 LCD 上显示这张图, TouchGFX Designer 在生成资源文件时,生成的资源文件大小:


: y/ \6 n" C& ~' V  N' F- _1. L8_ARGB8888 :
200x200x1byte+256x4byte=41024bytes

$ p" \5 B2 m$ [  q' r
=>200x200 个 8bit 的颜色索引+256 个 32bit

2. ARGB8888 :
2 _- h" C! n- K200x200x4byte=160000bytes.
3 D& `  N0 \3 ~$ f=>200x200 个 32bit 的颜色
/ ]' `+ i( d) o. O" O$ v5 n
4 {  f$ x4 J: y2 H* Y. M$ |2 h* J  Y
在 TouchGFX 中使用 L8 Image ，只需要将 L8 的图片拖入到 TouchGFX Designer 中，然后在Image 页面中选择正确的格式 :

注意 :如果图片超过 256 颜色，转换工具就会报错，因此可以使用图片工具(如
. b$ t' c/ |* m" T0 l

" k) p- K. m1 Y4 m/ c% q$ M) m$ ]paint.net/imagemagick)将颜色数减少至少于 256 色 :

7 m4 |8 C& K: \# Y* L4 G' Q
7 j1 Y6 d; i  m# D  [6 [2 w" G Paint.net:

Image Magick (www.imagemagick.org):
0 R9 l) n% t  m

- |& ^. G& A. k. s02结论


图像使用 L8 格式时占用的 flash 大小显著低于标准 24 位格式(RGB888)的原始图像。下表列出了这三种不同调色板格式的具体图像的 flash 使用情况（图片分辨率 200x200）：
* ~3 ~6 E" c9 D, _. [% T; G" a

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

& ^; x  v8 o4 E! V综上可以看出，采用 TouchGFX4.12.3+L8 格式 :

8 M3 U$ P; {# _9 v
1. 相比较 ARGB8888 像素格式, L8 大幅降低了资源文件的大小, 从而降低对存储芯片的需求 .
2. 同时由于图片像素信息大幅减少，读写一张图片的速度也大大提高, 也提高了系统实时性能.

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

5 Q, R2 l$ c# G) D; [( c

学习
$ P7 \! `' b; i# E0 [* o1 e