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. 参考文档