TouchGFX中生成代码与用户代码

1. 摘要

本文档主要介绍，TouchGFX 代码框架以及如何添加用户代码。

2. 准备工作

可以正常运行的 TouchGFX 工程

3. 代码结构

TouchGFX 的框架是基于 MVP 模型设计，代码结构主要分为三大类，GUI 引擎，生成代码，用户代码，首先先看什么是 MVP，即 Model, View, Presenter。下图可以很明显清除的看到每一部分负责什么，干什么工作，Presenter 是 model 和 View 之间的桥梁，View 负责显示，Model 负责交互，这三大类撑起了 TouchGFX 的天空，你可以再里面任意翱翔。

清除了 MVP 结构后，对代码结构的理解和应用的开发有很大帮助，TouchGFX Design 生成的代码位于工程的 generated/gui_generated

而用户代码位于 gui 文件夹下，gui 文件夹下的代码自己可以编辑，自己实现的代码也是添加在这里。

例如上次我们给大家推送的电阻屏校准就是在用户代码侧，通过手写代码来实现。理解了代码结构，在加上熟悉 API 就可以很方便的开发 GUI 界面了，不管是用 Designer,还是自己动手写，如我们校准触摸屏的时候，需要先画一个小圆，自己动手画一个圆。定义变量

在 cpp 文件中添加代码

这样就实现了在屏幕左上角画了一个半径为 10 的实心圆。如要画空心圆，将线宽不要设置为 0，另外注意画空心圆时候，半径必须减去线宽。同理就可以实现手动绘制 2D 图形。

4. 参考文档