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

% l! h' x! }/ E0 n$ J3 J* Y01调研


4 c7 I8 _0 o) P5 k$ N/ t# 在硬件方面
9 d* e6 _: Z1 {3 |1 Y( C% s

MCU 的图像处理加速器DMA2D 中的调色板的颜色格式 , 支持 L8 格式的图层之间的渲染：
& l# i6 T: y5 s

# 从软件方面
* P  A7 p1 f' X+ B* ~7 l4 n3 E( q. B
9 \( j3 Z/ a* [, r) D- T9 p
: T0 }8 G7 q0 X+ m5 _. v最新的 TouchGFX4.12.3 开始, 可以利用了 DMA2D 的调色板功能对图片的资源进行优化 .
) C+ V, X& r( X5 V' U
7 p. ^% X9 z, E1 R6 E# 比如下图(宽 x 高=200x200)
3 M0 X- C: D8 O( @: a% m

  C, s% X5 P  I: R8 P1. 这幅图是由 256 种颜色组成的.
6 N4 T5 _, v* {  \( b7 e2. 且每种颜色都针对图像进行了优化.
" G2 O7 p% Z1 |& l3. 256 种索引颜色中的每一种都是 24 位颜色.

为了在 LCD 上显示这张图, TouchGFX Designer 在生成资源文件时,生成的资源文件大小:
- \- ]1 h! m$ f
; ]! y; s7 R! p& E) h0 r
2 u) |# d0 b- n# Y2 I1. L8_ARGB8888 :
200x200x1byte+256x4byte=41024bytes


, _+ c5 |1 y* A/ _=>200x200 个 8bit 的颜色索引+256 个 32bit
$ ]7 q; q$ Z3 Y# g3 y+ x: Q

2. ARGB8888 :
) F, i0 b. ^# A. r! q200x200x4byte=160000bytes.
=>200x200 个 32bit 的颜色


0 u2 ^# E6 q$ K, \/ l在 TouchGFX 中使用 L8 Image ，只需要将 L8 的图片拖入到 TouchGFX Designer 中，然后在Image 页面中选择正确的格式 :

$ {0 o: w) ?( L/ Y/ k/ Q% [0 T( z; s注意 :如果图片超过 256 颜色，转换工具就会报错，因此可以使用图片工具(如


paint.net/imagemagick)将颜色数减少至少于 256 色 :


  k6 u' V0 M9 ?/ z! z Paint.net:

Image Magick (www.imagemagick.org):
& C/ R/ J( e0 I) @* `* p8 X

' y; y8 O! E6 y1 d' ~02结论


图像使用 L8 格式时占用的 flash 大小显著低于标准 24 位格式(RGB888)的原始图像。下表列出了这三种不同调色板格式的具体图像的 flash 使用情况（图片分辨率 200x200）：
& t8 f9 ?9 u! u1 W9 m, h( v3 X# J

由于 TouchGFX 对于 L8 格式还可以支持 L8_ARGB8888，因此可以与 ARGB8888 等格式的图像进行混合渲染，因此特别适合作为图标等颜色数少但是素材丰富的应用.
  Q% x8 @! J4 B  L- n: u

1 I" I" A2 j& P1 a6 `% \综上可以看出，采用 TouchGFX4.12.3+L8 格式 :
* X; b8 _% ~) K  F% o% _

; R& S6 O! S' V1. 相比较 ARGB8888 像素格式, L8 大幅降低了资源文件的大小, 从而降低对存储芯片的需求 .
, j: T( ]7 f# f2. 同时由于图片像素信息大幅减少，读写一张图片的速度也大大提高, 也提高了系统实时性能.
* L3 k3 x' q8 E) Y  {, s4 g! u7 w
03处理
4 q5 K9 g6 X7 O8 K+ s- H
因此我们建议客户选择使用 TouchGFX4.12.3+L8 的功能，通过重新优化部分资源文件，减少图片资源的存储空间来实现客户的 UI 效果，并且改善了系统的实时性能.

! k' C/ c' r% Q& p( g1 Z; `

学习
9 Y: d, g# O  T: c/ l