你的浏览器版本过低,可能导致网站不能正常访问!
为了你能正常使用网站功能,请使用这些浏览器。

STM32GUI_使用 TouchGFX 二进制字体(Binary Font)功能实现字体动态更新

[复制链接]
STMCU小助手 发布时间:2022-8-21 22:34
1、引言
自从 2013 年第一款侧重于 GUI 应用的 STM32F429x【内嵌 Chrom-ART 图形加速和 LTDC 控制器】开始,ST 就为大 家提供了 STM32MCU + X-Cube-TouchGFX 一站式 GUI 开发平台。越来越多的客户使用 STM32 + TouchGFX 开发智能手表/智能家居控制面板等嵌入式设备。

在嵌入式GUI开发的应用中,设备厂家希望自己的设备支持用户根据自己喜好来定义所选用的字体类型。从技术上讲,可以将字体和应用程序分离开,这样可以在嵌入式设备有限的存储空间上根据需要更新和升级字体的类型。


2、TouchGFX Binary font 介绍
TouchGFX为客户提供了二进制字体(Binary Font)的方法,这些字体没有链接到应用程序中,而是作为文件与应用程序分开存储,这些文件在运行时由应用程序加载并提供给TouchGFX。

微信图片_20220821223440.png

当应用程序加载了二进制字体后,可以在TouchGFX字体系统中安装二进制字体。这里内置的 Font2 被应用程序加载的Binaryfont 替换。此后,TouchGFX 不再使用链接的Font2,使用自定义的Binary font进行显示。
下面例程展示了如何使用BinaryFont进行字体动态更新。

3、演示例程实现过程
3.1.打开 TouchGFX Designer 4.18.0
- TouchGFX4.18.0 (本文使用 4.18.0 举例,其他版本操作过程相同)
- VSCode

3.2.打开 TouchGFX Designer 4.18.0
选择 STM32F746DK 探索板,生成工程 :
微信图片_20220821223430.png
微信图片_20220821223428.png

3.3 选择 “文本配置”,选择 “二进制字体文件”
微信图片_20220821223425.png

3.4 设计 Screen1 (添加 Images/TextArea/Buttons)
微信图片_20220821223423.png

3.5 设置 Typographies :
- Typographies 设置 :
微信图片_20220821223419.png
- Single Use 设置:
微信图片_20220821223415.png

3.6 TouchGFX Designer 生成项目
可以在以下目录下找到verdana和verdana italic的二进制字体文件 :
微信图片_20220821223411.png

3.7 在代码中安装二进制字体
在 TouchGFX 使用文本前,二进制字体必须从文件或其他存储中复制到可直接寻址的存储空间。当应用程序将二进制字体加载到内存时,它可以在 TouchGFX 中安装字体,之后 TouchGFX 将使用该字体而不是编译后的字体。

- 在FrontApplication.cpp安装默认的二进制字体:
微信图片_20220821223408.jpg
微信图片_20220821223406.png

3.7 添加 Button 交互,用于选择使用不同的二进制字体
- 添加交互,当按键按下,切换成相应的二进制字体 :
微信图片_20220821223401.png

- 添加代码 Screen1View.hpp
微信图片_20220821223359.png
微信图片_20220821223355.png
- 添加代码 Screen1View.cpp
微信图片_20220821223353.png
微信图片_20220821223349.png

3.8 编译运行结果如下 :
微信图片_20220821223840.png
微信图片_20220821223345.png



验证
从以上的演示可以看到,通过TouchGFX Designer的简单配置和调用其提供的API,就可以轻松实现字体的动态更新。

厂家和用户可以根据场景需求灵活使用本功能。比如 ,厂家可以通过针对的不同用户群体来提供OTA服务,让用户动态更新自己的字体类型。这样由于各二进制字体可以占用同一块内存区域,厂家的硬件成本也会得到降低。

收藏 1 评论0 发布时间:2022-8-21 22:34

举报

0个回答
关于
我们是谁
投资者关系
意法半导体可持续发展举措
创新与技术
意法半导体官网
联系我们
联系ST分支机构
寻找销售人员和分销渠道
社区
媒体中心
活动与培训
隐私策略
隐私策略
Cookies管理
行使您的权利
官方最新发布
STM32N6 AI生态系统
STM32MCU,MPU高性能GUI
ST ACEPACK电源模块
意法半导体生物传感器
STM32Cube扩展软件包
关注我们
st-img 微信公众号
st-img 手机版