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

$ W4 u4 F! L1 _, [8 z; F4 w01调研


# 在硬件方面
9 @  H% u5 H$ ^1 ?MCU 的图像处理加速器DMA2D 中的调色板的颜色格式 , 支持 L8 格式的图层之间的渲染：
0 P/ v0 t6 T1 M; w# C

# 从软件方面
0 ?( l1 k2 C- V6 G/ u最新的 TouchGFX4.12.3 开始, 可以利用了 DMA2D 的调色板功能对图片的资源进行优化 .
6 e4 |, W' R* t
3 N4 u( n8 V  Q0 u! e3 x# 比如下图(宽 x 高=200x200)
9 M# M9 s2 B6 a. E2 r% z  S  Q5 O5 @
( P* M5 l- i: l3 r
# g4 t3 w8 P& b# J  O6 T1. 这幅图是由 256 种颜色组成的.
2. 且每种颜色都针对图像进行了优化.
3. 256 种索引颜色中的每一种都是 24 位颜色.

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

: d4 h' U5 U8 m- {: m- T1 {
1. L8_ARGB8888 :
: P5 C, _8 B' w/ P200x200x1byte+256x4byte=41024bytes
=>200x200 个 8bit 的颜色索引+256 个 32bit

6 Q2 w0 W5 ~/ z2. ARGB8888 :
# F" x# z- |) y% I200x200x4byte=160000bytes.
=>200x200 个 32bit 的颜色


6 f# T6 ]" T3 c" N3 j+ j( Q在 TouchGFX 中使用 L8 Image ，只需要将 L8 的图片拖入到 TouchGFX Designer 中，然后在Image 页面中选择正确的格式 :

3 U9 {) _- m% k$ D3 T3 T
8 t6 o' g% W0 e7 H注意: 如果图片超过 256 颜色，转换工具就会报错，因此可以使用图片工具(如


# e+ Y# C1 r5 Z" dpaint.net/imagemagick)将颜色数减少至少于 256 色 :


! L" {1 w# U  E. P* F6 \; X- Z Paint.net:
+ A. c. s- c; j' b+ b

: {% A% p, I) Z5 N  E8 f% Y" n1 KImage Magick (www.imagemagick.org):
& ]5 H* P8 |4 ], F& r8 G

8 k* B7 l$ i' L5 a; I
" k/ L3 Y6 r6 Z* r& j3 _. P# w1 ]02结论
& V3 G$ @& \3 h; ^
  @) }4 d0 k. F5 A, X
( J& V9 k0 P8 |0 |0 s图像使用 L8 格式时占用的 flash 大小显著低于标准 24 位格式(RGB888)的原始图像。下表列出了这三种不同调色板格式的具体图像的 flash 使用情况（图片分辨率 200x200）：
2 o: T( }3 {3 m7 H! m6 F$ v

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

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

4 n/ l* Q6 H, {
$ c. Y, U4 z2 b; P! V1. 相比较 ARGB8888 像素格式, L8 大幅降低了资源文件的大小, 从而降低对存储芯片的需求 .
: r8 {6 }: h6 {* [4 H2. 同时由于图片像素信息大幅减少，读写一张图片的速度也大大提高, 也提高了系统实时性能.

1 ?+ ~6 F7 K' F/ p! T  C1 c4 I6 t, b
03处理

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

打卡，学习！