注册 登录
电子工程世界-论坛 返回首页 EEWORLD首页 频道 EE大学堂 下载中心 Datasheet 专题
boming的个人空间 https://home.eeworld.com.cn/space-uid-297873.html [收藏] [复制] [分享] [RSS]
日志

[原创] 【ToughGFX 设计】使用TouchGFX开发STM32界面软件安装与Hello World

已有 823 次阅读2019-4-9 05:35

TouchGFX开发STM32界面,可快速生成在KEIL或IAR等IDE中可打开的项目工程。
TouchGFX Designer下载地址:TouchGFX Designer下载地址 。  需要在st官网上先注册一个用户名、然后login,下载页面的最下方是下载链接。


下载完成后得到压缩包 en.TouchGFXDesigner.zip,解压缩,安装目录推荐使用默认路径。注意:路径不要带空格或中文!!
启动 TouchGFX Designer ,初始画面如下:
功能区主要分为2个部分:MY APPLICATION,创建自己的界面应用;ONLINE APPLICATION,应该是GFX预置好的项目文件,目前只有一个关于洗衣机的DEMO,本文不做描述。下面以STM32F769I-DISCO官方开发板为例来具体演示第一个图形界面例程。
首先在 APPLICATION TEMPLATE 中选择我们要使用的开发板。移动鼠标到Simulator那个画面位置,自动出现一个 CHANGE 按钮:


鼠标点击这个按钮:

选择 STM32F769I Discovery Kit ,修改项目文件存储路径(例如:D:\TouchGFXProjects),命名例程名称:MyTest,如图:
点击 CREATE ,



软件自动从网上下载本项目需要用到的GUI和模板代码(有时下载很慢;如果出现红字提示失败,就再尝试 create 一次、直到成功),出现软件的设计画面:

为了设计此例程的界面,还需要先做一个准备工作:准备要显示的图片(png格式)、并放置到该项目的文件目录下。本例程只需要一个图片:


这是一个预先画好的图片(可以使用画笔等制图工具,然后生成png格式的图片),STM32F769I-DISCO开发板的屏幕分辨率是800x480,所以图片也是要这个尺寸。TouchGFX Designer自动生成的项目文件包含一个子目录images,我们就把做好的图片放到这个目录下:

回到TouchGFX Designer,点击左边中部的“图片资源”Tab:


可以看到系统自动把我们刚才准备好的图片文件添加了进来:

鼠标点击图片 stm32logo.png :

上面的操作等价于添加了一个IMAGE控件、并且将该控件的主要的“图片”属性设置成了 stm32logo.png (关于控件、属性等术语,将在后续文章中介绍),所以呈现出上面的图片。点击右上方的 Run Simulator ,系统将生成在PC上可运行的模拟画面:

等待一会儿时间,电脑屏幕上出现模拟界面:

这个模拟界面功能非常强大,还可以在PC上打印调试信息。模拟界面成功后,就可以生成代码并烧写到目标反上看实际运行结果了!
点击右上角的 Generate Code:
此时,确认 STM32F769I-DISCO开发板 通过USB线已经与PC连接好了,然后点击 Run Target:

左下角显示提示信息:Compiling target code (时间较长,请耐心等待):

之后,提示信息变成:Flashing target code ,并且板子上ST-LINK的指示灯闪烁(正在烧写代码!):

几十秒钟之后,烧写完成,板子上正确显示出STM32的logo图片,这是GUI模式的 hello,world!


此内容由EEWORLD论坛网友boming原创,如需转载或用于商业用途需征得作者同意并注明出处



本文来自论坛,点击查看完整帖子内容。

评论 (0 个评论)

facelist doodle 涂鸦板

您需要登录后才可以评论 登录 | 注册

热门文章