打印
[GUI]

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

[复制链接]
974|4
手机看帖
扫描二维码
随时随地手机跟帖
跳转到指定楼层
楼主
tlled|  楼主 | 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)
    MyApplication2.part02.rar (7.7 MB)
    MyApplication2.part03.rar (7.7 MB)
    MyApplication2.part04.rar (7.7 MB)
    MyApplication2.part05.rar (88.15 KB)











使用特权

评论回复
沙发
mmuuss586| | 2019-3-31 15:11 | 只看该作者

使用特权

评论回复
板凳
香水城| | 2019-4-2 22:19 | 只看该作者
一起学习~

使用特权

评论回复
地板
hellosdc| | 2019-4-2 22:30 | 只看该作者
TouchGFX现在直接集成在st产品了?     

使用特权

评论回复
5
tlled|  楼主 | 2019-4-3 08:56 | 只看该作者
hellosdc 发表于 2019-4-2 22:30
TouchGFX现在直接集成在st产品了?

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

使用特权

评论回复
发新帖 我要提问
您需要登录后才可以回帖 登录 | 注册

本版积分规则

129

主题

698

帖子

6

粉丝