本帖最后由 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)
MyApplication2.part02.rar
(7.7 MB)
MyApplication2.part03.rar
(7.7 MB)
MyApplication2.part04.rar
(7.7 MB)
MyApplication2.part05.rar
(88.15 KB)
|