0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

如何使用BinaryFont进行字体动态更新

STM32单片机 来源:STM32单片机 作者:STM32单片机 2022-08-03 09:30 次阅读

1、引言

自从 2013 年第一款侧重于 GUI 应用的 STM32F429x【内嵌 Chrom-ART 图形加速和 LTDC 控制器】开始,ST 就为大 家提供了 STM32MCU + X-Cube-TouchGFX 一站式 GUI 开发平台。越来越多的客户使用 STM32 + TouchGFX 开发智能手表/智能家居控制面板等嵌入式设备。

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

2、TouchGFX Binary font 介绍

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

2b43dc4e-12c4-11ed-ba43-dac502259ad0.png

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

下面例程展示了如何使用BinaryFont进行字体动态更新。

3、演示例程实现过程

3.1.打开 TouchGFX Designer 4.18.0

- TouchGFX4.18.0 (本文使用 4.18.0 举例,其他版本操作过程相同)

环境安装请参考网址: https://support.touchgfx.com/docs/introduction/installation

- VSCode

3.2.打开 TouchGFX Designer 4.18.0

选择 STM32F746DK 探索板,生成工程 :

2b953288-12c4-11ed-ba43-dac502259ad0.png

3.3 选择 “文本配置”,选择 “二进制字体文件”

2bb467b6-12c4-11ed-ba43-dac502259ad0.png

3.4 设计 Screen1 (添加 Images/TextArea/Buttons)

2bd4ae22-12c4-11ed-ba43-dac502259ad0.png

3.5 设置 Typographies :

- Typographies 设置 :

2bfacb02-12c4-11ed-ba43-dac502259ad0.png

- Single Use 设置:

2c165430-12c4-11ed-ba43-dac502259ad0.png

3.6 TouchGFX Designer 生成项目

可以在以下目录下找到verdana和verdana italic的二进制字体文件 :

2c33be8a-12c4-11ed-ba43-dac502259ad0.png

3.7 在代码中安装二进制字体

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

- 在FrontApplication.cpp安装默认的二进制字体:

2c450e06-12c4-11ed-ba43-dac502259ad0.png

2c690cb6-12c4-11ed-ba43-dac502259ad0.png

3.7 添加 Button 交互,用于选择使用不同的二进制字体

- 添加交互,当按键按下,切换成相应的二进制字体 :

2c8df33c-12c4-11ed-ba43-dac502259ad0.png

- 添加代码 Screen1View.hpp

2cb9e5c8-12c4-11ed-ba43-dac502259ad0.png

2cca3720-12c4-11ed-ba43-dac502259ad0.png

- 添加代码 Screen1View.cpp

2ce81cd6-12c4-11ed-ba43-dac502259ad0.png

2d097e80-12c4-11ed-ba43-dac502259ad0.png

3.8 编译运行结果如下 :

2d2a0e5c-12c4-11ed-ba43-dac502259ad0.png

2d3d005c-12c4-11ed-ba43-dac502259ad0.png

验证

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

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

具体示例实现过程,请参考示例代码 : 《hello-tgfx4180-binary-font-v1.0-202112.7z》

THE END

审核编辑 :李倩

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 控制器
    +关注

    关注

    112

    文章

    16346

    浏览量

    177899
  • 二进制
    +关注

    关注

    2

    文章

    795

    浏览量

    41646

原文标题:工程师笔记|STM32GUI_使用 TouchGFX 二进制字体(Binary Font)功能实现字体动态更新

文章出处:【微信号:STM32_STM8_MCU,微信公众号:STM32单片机】欢迎添加关注!文章转载请注明出处。

收藏 人收藏

    评论

    相关推荐

    AirPods如何进行固件更新

    AirPods的固件更新通常是通过与iPhone、iPad或Mac等苹果设备连接时自动进行的。以下是更新AirPods固件的介绍: 一、准备工作 确保设备连接 : 将AirPods放入充电盒中,并
    的头像 发表于 12-05 14:59 329次阅读

    智能语音报站,公交动态更新,城市形象展示…… 中心城区智能公交电子站牌亮相

    智能语音报站,公交动态更新,城市形象展示…… 中心城区智能公交电子站牌亮相
    的头像 发表于 11-05 12:44 264次阅读
    智能语音报站,公交<b class='flag-5'>动态</b><b class='flag-5'>更新</b>,城市形象展示…… 中心城区智能公交电子站牌亮相

    xbf 字体 在 串口屏中的应用有什么优势

    XBF字体的特点 XBF(External Bitmap Font)格式是一种特殊的字体文件格式,它包含了字体信息的二进制数据块。XBF字体的主要特点包括: 节省内存 :使用XBF
    的头像 发表于 10-15 11:55 1102次阅读

    通过I2C进行TPS65987和TPS65988 SPI闪存固件更新

    电子发烧友网站提供《通过I2C进行TPS65987和TPS65988 SPI闪存固件更新.pdf》资料免费下载
    发表于 09-29 10:31 0次下载
    通过I2C<b class='flag-5'>进行</b>TPS65987和TPS65988 SPI闪存固件<b class='flag-5'>更新</b>

    使用LM5177 4开关降压/升压控制器进行动态电流跟踪

    电子发烧友网站提供《使用LM5177 4开关降压/升压控制器进行动态电流跟踪.pdf》资料免费下载
    发表于 09-07 11:01 0次下载
    使用LM5177 4开关降压/升压控制器<b class='flag-5'>进行动态</b>电流跟踪

    使用主机进行TPS257x-Q1/77x-Q1固件更新

    电子发烧友网站提供《使用主机进行TPS257x-Q1/77x-Q1固件更新.pdf》资料免费下载
    发表于 09-03 10:26 0次下载
    使用主机<b class='flag-5'>进行</b>TPS257x-Q1/77x-Q1固件<b class='flag-5'>更新</b>

    使用TPSM63610对USB Type-C应用进行动态输出电压控制

    电子发烧友网站提供《使用TPSM63610对USB Type-C应用进行动态输出电压控制.pdf》资料免费下载
    发表于 08-28 10:36 0次下载
    使用TPSM63610对USB Type-C应用<b class='flag-5'>进行动态</b>输出电压控制

    使用TensorFlow进行神经网络模型更新

    使用TensorFlow进行神经网络模型的更新是一个涉及多个步骤的过程,包括模型定义、训练、评估以及根据新数据或需求进行模型微调(Fine-tuning)或重新训练。下面我将详细阐述这个过程,并附上相应的TensorFlow代码
    的头像 发表于 07-12 11:51 406次阅读

    为什么直流电机无法进行动态制动

    直流电机在现代工业、交通和日常生活中扮演着重要角色,其稳定性和可靠性对于整个系统的运行至关重要。然而,在某些情况下,直流电机可能会面临无法进行动态制动的问题。以下是对直流电机无法进行动态制动的原因进行的深入探讨。
    的头像 发表于 06-11 14:12 465次阅读

    MDK5.23将C/C++的字体由系统默认的Courier New切换为Consolas字体,再切换回去Courier New字体选项不见了?

    MDK5.23,将C/C++的字体由系统默认的Courier New切换为Consolas字体,想再切换回去的时候,发现Courier New字体选项居然不见了??百思不得其解,这难道还有什么特殊的地方??求助!!
    发表于 04-23 07:09

    微软将控制面板“字体”功能移至Win11设置

    微软一直以来采用渐进式迁移策略,将控件面板的功能分散至设置,现阶段并无全面消除控件面板之意。Win11 的设置现已具备与控件面板相当的现代字体管理界面,而控件面板内的’字体‘功能仍可通过搜索功能开启(Control Panel》Appearance and Persona
    的头像 发表于 04-22 11:37 460次阅读

    HarmonyOS开发案例:【app内字体大小调节】

    使用基础组件[Slider],通过拖动滑块调节应用内字体大小。
    的头像 发表于 04-19 15:36 663次阅读
    HarmonyOS开发案例:【app内<b class='flag-5'>字体</b>大小调节】

    请问Touchgfx Designer4.20如何配置图片、字体不参与程序编译?

    使用touchgfx desginer生成的 IDE工程,如何配置才能够将图片和字体排除掉,目前图片、字体较多,重新编译时特别耗费时间。 图片、字体均存放在总线可以访问的位置。 缓存字体
    发表于 03-15 06:41

    鸿蒙开发UI界面——@ohos.font (注册自定义字体)

    字体管理中注册自定义字体。 系统能力: SystemCapability.ArkUI.ArkUI.Full 参数: 参数名 类型 必填 说明 options FontOptions 是 注册的自定义
    的头像 发表于 02-22 16:22 728次阅读

    为什么直流电机无法进行动态制动呢?

    为什么直流电机无法进行动态制动呢? 直流电机作为一种常见的电动机类型,广泛应用于工业生产、交通运输、家用电器等领域。但是,与交流电机相比,直流电机在动态制动方面存在一些限制。以下是关于直流电机无法
    的头像 发表于 02-02 16:17 752次阅读