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

01调研
: a( }$ S3 p6 q

6 F9 o/ }! K9 m% A& c5 h# 在硬件方面
  r" r3 O: c( S" s. P
, n- d% u& u+ V. w! |, L
MCU 的图像处理加速器DMA2D 中的调色板的颜色格式 , 支持 L8 格式的图层之间的渲染：
- R6 F* L; t  r

# 从软件方面

, y6 e# Y% j8 b/ ?+ l4 p: U0 Y
  n: C& u: e5 h/ C最新的 TouchGFX4.12.3 开始, 可以利用了 DMA2D 的调色板功能对图片的资源进行优化 .

* V: Q& O& V; A$ J) r# 比如下图(宽 x 高=200x200)
; K' a9 f( H: W" [

) H6 G5 J% u; _# j1. 这幅图是由 256 种颜色组成的.
/ P+ T5 Z, D2 f/ S* h; D" v2. 且每种颜色都针对图像进行了优化.
: Z" O/ `& w- P! }& R3. 256 种索引颜色中的每一种都是 24 位颜色.
3 }1 Q5 ]/ I# k

为了在 LCD 上显示这张图, TouchGFX Designer 在生成资源文件时,生成的资源文件大小:
( A- c* _4 i8 n# ?" a! N1 t

1. L8_ARGB8888 :
200x200x1byte+256x4byte=41024bytes
' ?, J* j& q  R( r- \/ R+ b' p
" A  q# `# i0 Z1 v# `  X9 ]0 }
=>200x200 个 8bit 的颜色索引+256 个 32bit

  c2 C( i8 |" E2 [- L) M% ^: a! D2. ARGB8888 :
4 K! l$ ?# T9 H+ d4 I, Z200x200x4byte=160000bytes.
=>200x200 个 32bit 的颜色

  C/ k" a) x1 p$ `8 r
在 TouchGFX 中使用 L8 Image ，只需要将 L8 的图片拖入到 TouchGFX Designer 中，然后在Image 页面中选择正确的格式 :
+ t  B% C- Q( [! u8 U' I, Q

) `) U8 m2 v! K2 Q4 w. Q; |9 ?/ i注意 :如果图片超过 256 颜色，转换工具就会报错，因此可以使用图片工具(如

& C) k- N" ?( F0 F+ G
2 q0 Z2 L" C) G7 Opaint.net/imagemagick)将颜色数减少至少于 256 色 :


; i7 _. l3 v' w! w Paint.net:

Image Magick (www.imagemagick.org):

4 \) X$ t6 ~& l; ?( n6 g* [02结论
0 ~+ x4 a. H, i% x

图像使用 L8 格式时占用的 flash 大小显著低于标准 24 位格式(RGB888)的原始图像。下表列出了这三种不同调色板格式的具体图像的 flash 使用情况（图片分辨率 200x200）：

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

' S3 v" r( O- e: M8 \% J
/ c9 w# K2 v1 |综上可以看出，采用 TouchGFX4.12.3+L8 格式 :
4 B& v. {( Z3 j. R' I( \, v. H

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

03处理
+ A  e& b: F! p6 ], g
因此我们建议客户选择使用 TouchGFX4.12.3+L8 的功能，通过重新优化部分资源文件，减少图片资源的存储空间来实现客户的 UI 效果，并且改善了系统的实时性能.
: D# T9 |4 ^; E* ~9 L8 s8 e: v
6 \: b. S2 g2 P) S  M: s* _/ L4 X

学习
  D1 S6 U+ P% q1 ~. H! W4 F