TouchGFX使用心得（4）——文本、字体

最新推荐文章于 2025-05-24 15:36:36 发布
最新推荐文章于 2025-05-24 15:36:36 发布
阅读量1.5k 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： stm32 嵌入式 单片机
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/chosenOne2/article/details/119719783
本文介绍了TouchGFX中处理文本的方法，包括Single Use（一次性文本）、Resource（可复用资源）和Typographies（字体样式）。通过示例展示了如何创建和管理这些文本资源，以及如何在界面上应用不同的字体和大小。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

目录

TouchGFX文本

在这里插入图片描述
首先我创建了一个文本标签 2个按钮（一个带标签，一个不带标签）
然后我们点击上方的Text
在这里插入图片描述
Text下方有3个次级标签，分别是Single Use，Resource和Typographies
我分别介绍一下

Single Use

Single Use顾名思义：文本资源在界面上只能使用一次，可以在 Single Use 文本资源选项卡里先定义，然后在界面里使用，也可以在界面里直接使用字符串文本， Touchgfx Designer 会自动在 Single Use 文本资源选项卡里建立 Single Use 文本资源。
如本例中我的两个文本使用的都是Single Use，他们就出现在了这里
在这里插入图片描述
可以看的我们的文本都出现在上面

名称 作用
Location 表示这个文本在哪个Screen上
Widget 表示文本在哪个控件上
Typography
最低0.47元/天 解锁文章

200万优质内容无限畅学
3685尔康
关注
TouchGFX之文本
lushoumin的博客
03-25 642
正常情况下，文本翻译文件会被编译到应用中。二进制翻译使应用程序不含文本翻译。二进制翻译在单独的二进制文件中生成，该文件可编程到闪存中或存储在SD卡等存储设备上。在处理大量翻译文件时，为应用开发者带来了更大灵活性。文本翻译，意思是屏幕上的同一个文本框，可以显示好几种语言的文本。文本格式数据库文件，typedTextDatabase.cpp。显示一段文本，需要几个关键数据：文本格式、文本内容、字体。每个文本资源通过typedTextId，从库中索引出数据。其他静态文本数据，在text.cpp中。
TouchGFX之文本区域
lushoumin的博客
03-29 686
文本区域在屏幕上显示文本。文本区域的文本在大小、颜色、自定义字体、动态文本等方面是完全可以配置的。
TouchGFX使用教程（七）
yuanzhan11的专栏
08-31 4855
TouchGFX使用教程（七）滑动列表 滑动列表
touchGFX综合学习九、touchGFX TextArea文本控件使用多国语言
即刻启程：订阅博客，解锁嵌入式开发的第一行代码——点亮LED不只是开始，更是通向智能世界的钥匙！
10-18 1451
touchGFX TextArea文本控件使用多国语言。
STM32开发TouchGFX(1)_页面显示
最新发布
KG-LZ的博客
05-24 468
基于STM32L4单片机+OLED12864屏幕，使用touchGFX开发UI。在之前开发时一般使用取模软件，字库软件配合建立文本库进行开发，页面的设计比较麻烦，而touchGFX对ui设计比较友好。
TouchGFX之文本和字体
lushoumin的博客
10-04 1303
TouchGFX可将动态值作为文本的一部分来使用。这可以通过在文本中使用通配符来实现。按给定格式<*>指定通配符，其中的*表示不会包含在结果文本中的可选辅助文本。一个文本中可以有至多2个通配符。在TouchGFX 设计器中，只需单击“+”按钮为所选文本区域的属性添加通配符，即可将通配符添加到文本区域。点击相应的“-”按钮以删除通配符。为了设置特定的通配符，您可以点击相应的“通配符”按钮（本例中为通配符1），就可以编辑刚才添加的通配符。在这里，您可以选择如何更新通配符。
TouchGFX之字体
lushoumin的博客
03-20 570
应用在运行时将这些文件加载并提供给TouchGFX，举例来说，应用可以从外部存储器（如SD卡）加载字体，也可以从互联网下载字体。7.FontContextualFormsTable：上下文形式的信息，像阿拉伯语，字符形状会根据它前后的字符而改变。从上面的例子中可以看出，此方法的缺点是需要将整个二进制字体加载到RAM（或存储器映射闪存），在字体较大时会面临困难。可以看出，使用二进制字体其实就是在二进制字体实例化之后，使用setFont函数将原先静态字体替换掉。使用二进制字体需要将整个字体加载到。
【TouchGFX实战】中文打印与滚动文本框
PawnMa的博客
06-25 1915
TouchGFX的一些有趣玩法，嵌入式开发技能分享
TouchGFX使用心得（6）——通配符
chosenOne2的博客
08-16 1323
通配符前言 首先，通配符简单一点讲就是变量，上两节的文本，其实是一开始就固定死了，不能改变了，而通配符可以随意改变，但是先事先声明一下，通配符里的文字最好只是英文或者是数字，最好不要有汉字，有汉字的话要以二进制的文件的形式加载，有机会的话我会在后面讲到，现在先说说数字和英文的吧。 如何添加通配符通配符 1：点开你要加通配符的文本 2：找到Text里面的加号 如图所示 3：看到Text多了< value >说明添加成功了 图中2是通配符初始化的值，可以自己设，也可以不设 图中3是分配给通配符的内
TouchGFX开发(3)-使用TouchGFX配置IIC接口OLED
05-22
TouchGFX开发(3)----使用TouchGFX配置IIC接口OLED 优快云文字教程：https://blog.youkuaiyun.com/qq_24312945/article/details/130689223 B站教学视频：https://www.bilibili.com/video/BV17m4y1t7RT/ 本篇文章的主题是...
TouchGFX使用心得（8）——通配符的中文显示（呕心沥血）
chosenOne2的博客
08-18 3379
前言 通配符的中文的显示是我一直很疑惑的，当时搞了5，6天才搞定了，现在分享给大家。（开头先说明一下，方法一只适合模拟，真要用还得方法二） 方法一 方法一是直接在通配符那里加载Unicode中文字体库 大家可以去看看这个链接，知道字体库范围 链接: Unicode中文字符集. 在没添加范围之前，中文是显示不出来的 可以看到屏幕是？？，没有显示巴黎 或者 梅西 我们加上字库范围，注意十六进制表示 加上后 可以看到，我们的通配符字体可以正常显示了 需要注意的问题（非常重要！！！！） 这个方法是在Vst
touchGFX_manual.pdf
04-09
TouchGFX 类android效果的stm平台的GUI解决方案，当然也可以移植到其他嵌入式平台上，这个是参考手册，有助于实现自定义的UI界面设计
TouchGFX学习笔记总结
10-17
TouchGFX 是一个在 MCU 上的 UI 框架 支持在超低功耗条件下实现高端的图形和流畅的动画设计， 达到类似 Android 的体验效果。 2018 年华为推出基于 TouchGFX 的 GT Watch。 开发工具 TouchGFX Designer， 基于拖放的 GUI 生成器。
TouchGFX v4.9.3 用户手册
03-22
4.9.3 ===== * Release date: December 15th, 2017 * Bugfixes: * Designer now uses default Windows proxy settings * Package manager updates available packages when online * Improved error description when offline * Set text interaction works with resource texts * Project updater updates MSVS projects with correct image formats * Text size calculated wrongly in Designer in rare occasions * Recent files ordered by date * Corrected initialization of counter in Wait For interaction * Fixed drawing of child elements in list layout, when resized * Fixed loading of application with list layout widgets * .otf font files now correctly rendered * Dragging containers could in rare cases introduce wrong coordinates * Fixed zero termination of wildcard text buffers * Button With Label text rendering correction * tgfx.exe packager works for more complex file layouts * Source code included for containers * Additional minor Designer UI fixes and improvements
TouchGFX使用心得（5）——标签的中文显示问题
chosenOne2的博客
08-16 1243
相信第一次接触ToughGFX的朋友，可能会遇到，标签的 中文显示是问号的问题，这个问题在模拟器上运行的时候，他是显示的问号，但是在stm32运行的时候，问号的地方不会显示 比如： 画布上是这样的 模拟运行完，中文变成？？了 这个在标签上的中文显示问题，可以通过更改支持中文的字体进行。 比如现在我是使用了默认字体（不支持中文显示） 那就改成隶书（支持中文显示） 问题得到了解决。 总结 这个方法主要针对的是标签的中文显示，如果是通配符的中文显示，这个比较复杂，有时间我会在其他文章中进行阐述（这个也困
STM32 TouchGFX的使用【五】文本显示
cat_milk的博客
04-30 800
TouchGFX 的文本显示
touchGFX综合学习十、touchGFX 图标字体的使用
即刻启程：订阅博客，解锁嵌入式开发的第一行代码——点亮LED不只是开始，更是通向智能世界的钥匙！
10-18 500
touchGFX 图标字体的使用。
touchGFX综合学习五、touchGFX加载外部（SDCARD、SPI FLASH等）字体显示，包括中文
即刻启程：订阅博客，解锁嵌入式开发的第一行代码——点亮LED不只是开始，更是通向智能世界的钥匙！
10-17 2217
touchGFX加载外部（SDCARD、SPI FLASH等）字体显示，包括中文
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值