[信息]

【STM32垂直应用挑战第三周+嵌入式GUI设计软件touchGFX】

[复制链接]
370|4
手机看帖
扫描二维码
随时随地手机跟帖
sumoon_yao|  楼主 | 2020-12-5 16:50 | 显示全部楼层 |阅读模式
本帖最后由 sumoon_yao 于 2020-12-5 16:52 编辑

本人学习的垂直应用的名称:TouchGFX资源库(英文版,但是资料超全超有用)
https://support.touchgfx.com/docs/Introduction/Welcome

嵌入式设计的显示界面,从数码管,到字符屏,再到LCD,显示手段越来越丰富。对于嵌入式GUI设计,有没有类似windows或者linux平台的“所见即所得”开发工具呢?答案是有,ST公司的touchGFX就是这样一款软件工具,通过简单的控件拖拽,就可以设计出很酷炫的图形界面,大大减轻了码农们的开发工作量。手头正好有块STM32F429I-Disc开发板,也趁着这次垂直应用挑战赛的机会,学习了解下touchGFX软件工具。

从ST官网下载并安装touchGFX Designer软件,打开:
起始界面.png

在应用模板栏点击change(鼠标移动到这里会自动出现change按钮),选择开发板:
选择模板.png


点击“CREATE”按钮,开始下载应用模板并创建应用:
下载应用模板.png


创建完毕,进入设计界面:

设计界面.png

先点击设计界面上方的Images图标,添加图片文件:

添加图片文件.png

点“+”图标,添加应用中需要的图片文件,注意图片文件必须为png格式。
图片文件添加完成后,再点击设计界面的“image”图标,给应用屏幕增加一个图片控件:

添加图片.png

然后点击右边的IMAGE栏,给图片控件指定对应的图片文件:

添加图片文件效果.png

至此,简单的图形界面设计完毕,先生成代码,点击设计界面右上角的“Generate Code”按钮,自动生成代码。
将开发板通过USB线连接到电脑,点击设计界面右上角的“Run Target”按钮,自动编译代码并下载到开发板。这里要注意的是可能状态栏会提示下载失败,此时可以点击设计界面右下角的“Detailed Log”按钮查看错误提示信息,我这里的报错信息是:“Error: Old ST-LINK firmware version. Upgrade ST-LINK firmware”。也就是开发板的固件需要升级,可以在STM32软件安装目录下找到ST-LINK Utility子目录,然后运行该子目录下的ST-LINKUpgrade.exe程序:

固件升级.png

这个升级工具会自动检测开发板的固件版本并升级到最新版本。

再次点击设计界面右上角的“Run Target”按钮,在开发板上的通讯指示灯一阵狂闪之后,程序下载完成,运行效果如下:

效果图.jpg

图形界面就这么实现了,是不是so easy!


相关的AN资料:AN4861_STM32_MCU上的LCD_TFT显示控制器(LTDC)
DM00287603_ENV2.pdf (2.21 MB)

使用特权

评论回复
凯复Kane| | 2020-12-5 23:11 | 显示全部楼层
挺方便的有touchgfx入门都不会麻烦了

使用特权

评论回复
GlenX| | 2023-10-1 18:45 | 显示全部楼层
一直看到GUI方面的工程,但不知道是这样简单设计的!
感谢分享!

使用特权

评论回复
Bowclad| | 2023-10-8 23:14 | 显示全部楼层
GUI还可以这么设计啊

使用特权

评论回复
海吃哈哈| | 2023-10-9 08:36 | 显示全部楼层
厉害了

使用特权

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

本版积分规则

23

主题

4836

帖子

3

粉丝