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

 

序号

文献

1

touchgfx-documentation4.15