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

【 逢7发帖赢大礼】5、TouchGFX 创建自定义界面和交互

[复制链接]
EPTmachine 发布时间:2026-7-5 10:08

https://shequ.stmicroelectronics.cn/thread-871082-1-1.html

其中使用的CubeMX文件、BSP文件以及用于Appli工程链接的脚本文件见压缩包

链接: https://pan.baidu.com/s/1kPb0n5RsV8JgZaSppCmJrg 提取码: 8svw

按照之前帖子的过程,使用CubeMX生成工程

1、空白TouchGFX工程

之前的示例中都是直接导入TouchGFX中可用的示例,如果需要自定义设计界面功能,使用TouchGFX打开STM32H7R7_TouchGFX\Appli\TouchGFX路径下的ApplicationTemplate.touchgfx.part文件

在GUI导入界面,导入一个空白界面

import_blank_gui.png

在TouchGFX中添加背景图和文字,并生成代码。

Simple_Show.png

按照之前的编译和烧录过程,烧录到开发板运行的效果如下:

show_effect.png

2、添加TouchGFX界面交互

TouchGFX提供GUI设计的组件和交互设计工具。在TouchGFX中添加界面和按钮,实现两个界面之间的切换操作。

TouchGFX中添加新的界面

add_screen.png

在Screen2中添加背景和文字控件

Screen2_layout.png

在Screen1中添加按键控件,用于切换不同的界面

Add_button_widget.png

在界面右侧的Interactions中为按键添加界面切换的操作

add_button_interaction.png

在STM32CubeIDE中编译并烧录程序到开发板,通过点击界面上的按键可以实现两个界面之间的切换操作。

3、总结

TouchGFX提供的人机交互界面能快速完成界面应用的开发。

收藏 评论0 发布时间:2026-7-5 10:08

举报

0个回答

所属标签

相似分享

官网相关资源

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