【TouchGFX 设计】使用TouchGFX开发STM32界面软件安装与Hello World

boming

【TouchGFX 设计】使用TouchGFX开发STM32界面软件安装与Hello World [复制链接]

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！