TouchGFX- 1 - 简介与安装

TouchGFX 1 - 安装与简介

TouchGFX 是一款可用于STM32处理器的GUI框架。是ST推荐的一款高性能显示框架，可以在资源有限的微处理器上，提供类似于手机应用界面般的显示效果。
官方文档
TouchGFX离线文档

下载与安装

1. 直接通过官方网站下载工具包；

   https://www.st.com/zh/development-tools/touchgfxdesigner.html
   

   点击前往下载
2. 从工具包中安装TouchGFX Designer开发软件。
   路径：en.x-cube-touchgfx-4-16-0\Utilities\PC_Software\TouchGFXDesigner

欢迎界面

新建项目

1. 选择应用模板
   
2. 选择UI模板
   
3. 设置分辨率与颜色位深
4. 设置应用名称与保存位置
5. 创建应用
   

项目导入

直接点击右侧历史项目列表，即可载入项目内容。

功能快捷键

步骤撤销：Ctrl + Z
步骤重做：Ctrl + Y
上移一层：Ctrl + F
下移一层：Ctrl + B
选择控件：A
模拟运行：F5
代码生成：F7

主界面功能

1号区：界面展示；
2号区：资源编辑与展示，分别为界面绘制区、图片资源、文本资源、配置；
3号区：快捷工具，针对视图与操作；
4号区：控件与容器的属性配置，可以操作包括名称、颜色、资源以及动画、动作等；
5号区：代码生成按钮；
6号区：模拟运行按钮；
7号区：界面资源树；
8号区：子组件添加面板；
其他：

• 最下方状态栏，右侧的按钮点击打开项目文件目录，左侧点击收起或者展开编译或生成消息信息。
• 文本区域的配置将保存在assets/texts/下的excel表内，并通过工具生成代码道generated目录下。
• 图片资源目前只支持png格式。
• 字体资源支持ttf格式。

MVP

Model-View-Presenter
基础界面结构；一个View对应一个Screen，对应一个Presenter；所有View都对应于同一个Model；
Screen，即View对应是显示内容，如按钮、文本、图标等；
Presenter，负责链接View与Model提供互访；
Model，用于与驱动沟通；