【ST开发视频】+ 跳动的ST小蝴蝶

发表于 2019-3-30 22:58

本帖最后由 tlled 于 2019-3-31 10:12 编辑

很早就知道有TouchGFX这个GUI，由于之前是收费软件，没有使用过。看到ST收购之后，免费可以使用，正好看到论坛的活动，开始来学习下这个GUI，来设计个简单的Demo，启动TouchGFX软件的学习。
学习之前还是看下活动内容和介绍。从活动内容里下载参考学习资源，按照学习内容的步骤一步步学习。
首先要安装TouchGFX Designer 软件和ST-Link Utility，这个软件的下载链接在学习资源里PDF文件里都有介绍，这里就不在列出了，安装完成软件后，开始TouchGFX的学习。

一、创建项目

1.1、创建项目文件名和项目保存的位置，然后选择要链接的板卡，我这里选择STM32F769I板卡，来模拟项目DEMO。点解CREATE来创建项目。

1.2、创建过程

1.3、首先来装载项目需要的素材，通过内容资料里面的素材包文件来获取

点击这里来装载素材文件

装载后的素材可以在这看到

1.4、添加窗口1的背景图片

1.5、添加标题

1.6、添加TouchGFX图标和带图标按键。图标按键要选择正常情况下的图标符号和按下按键后的图标符号。

1.7、添加实现跳动ST小蝴蝶的图标，通过下面的设置课实现。

1.8、通过按键来和第二个窗**互，点击按键进入下一界面

1.9、按键跳转到下一界面的实现，首先要创建一个新的窗口，再来设置按键
创建一个新的窗口

1.10在第二个窗口上放置组件，和上面的方法一样，如下

1.11、圆形进程条和滑动条之间的交互

在代码中增加
circleProgress1.setValue(value);
circleProgress1.invalidate();
实现将滑动条的数据值传递到进程条的数据值。

1.12、条形进程条和滑动条之间的交互

和上面圆形进程条设置一样，将代码修改如下
boxProgress1.setValue(value);
boxProgress1.invalidate();

二、运行效果
2.1、模拟运行的图片

2.2、运行的视频
创建好窗口和设置好参数后，开始仿真界面运行效果

如果无法播放，请点击此处在新窗口打开

三、生成的代码

程序源代码

MyApplication2.part01.rar (7.7 MB, 下载次数: 1)

MyApplication2.part02.rar (7.7 MB, 下载次数: 1)

MyApplication2.part03.rar (7.7 MB, 下载次数: 1)

MyApplication2.part04.rar (7.7 MB, 下载次数: 1)

MyApplication2.part05.rar (88.15 KB, 下载次数: 1)

发表于 2019-3-31 15:11

发表于 2019-4-2 22:19

一起学习~

发表于 2019-4-2 22:30

TouchGFX现在直接集成在st产品了？

发表于 2019-4-3 08:56

hellosdc 发表于 2019-4-2 22:30
TouchGFX现在直接集成在st产品了？

通过软件可以直接生成TouchGFX 的ST代码

[GUI] 【ST开发视频】+ 跳动的ST小蝴蝶

相关帖子

浏览过的版块

技术新星奖章

技术领袖奖章

十世金身

坚毅之洋流

荣誉元老奖章