商品图片和文字资源管理

GUI界面现实中需要使用到图片素材和文字字体，复杂的GUI界面使用到的图片和字体资源多，TouchGFX中提供图片和字体资源的管理工具，便于在工程中使用。TouchGFX Designer的侧边栏可以查看图片和文字资源。

商品图片管理

将用于显示开发板示意图的图片添加到工程的TouchGFX\assets\images，生成代码后，会在CM7\TouchGFX\generated\images\include\images\BitmapDatabase.hpp中产生和图像名称对应的ID和数据文件。

开发时在代码中添加BitmapDatabase.hpp头文件引用，在代码中使用图片对应的ID和TouchGFX的图像API来访问队形的图形数据。比如，使用touchgfx::Bitmap(ID)语句来查找对应的图像数据，从而使用对象的图像。

#include <images/BitmapDatabase.hpp>

BoardImage.setBitmap(touchgfx::Bitmap(BITMAP_NUCLEO_C031C6_ID));

商品文字管理

商品名称使用字符部件来显示，文字使用的字体和对其方式在部件的属性(Properties)标签栏中进行设置。

在Text资源管理选项卡中可以添加用于显示的文字信息，每个Text包含ID、字体、对其方式和具体字符。开发者在这里添加在工程中需要使用的字符串。

在代码中引用<texts/TextKeysAndLanguages.hpp>头文件，使用其中的ID获取字符串信息，用于GUI部件的文字显示。

#include <texts/TextKeysAndLanguages.hpp>

BoardNameText.setTypedText(touchgfx::TypedText(T_IDH7S3L8));

商品数量的显示使用通配符进行自定义修改，关于通配符的具体使用方法，可以查看TouchGFX说明文档中的Texts and fonts章节。

使用通配符时，需要在Text部件的属性设置中添加通配符。

使用通配符时，需要分配一定空间的缓存区，设置如下。

在生成代码中会有对应的缓存区名称，

BoardSelectBase.h

/*
     * Wildcard Buffers
     */
    static const uint16_t ORDERNUM_SIZE = 10;
    touchgfx::Unicode::UnicodeChar OrderNumBuffer[ORDERNUM_SIZE];

在代码中，使用snprintf函数即可更新缓存区中的字符信息，并显示到GUI上。

Unicode::snprintf(OrderNumBuffer,10,"%d",cacheOrderNum);
OrderNum.invalidate();

总结

使用TouchGFX的图片和文字资源管理功能，便于使用GUI界面需要使用的素材资源。