1. 摘要

本文檔主要介紹，TouchGFX代碼框架以及如何添加用戶代碼。

2. 準(zhǔn)備工作

可以正常運(yùn)行的TouchGFX工程

3. 代碼結(jié)構(gòu)

TouchGFX的框架是基于MVP模型設(shè)計(jì)，代碼結(jié)構(gòu)主要分為三大類，GUI引擎，生成代碼，用戶代碼，首先先看什么是MVP，即Model, View, Presenter。下圖可以很明顯清除的看到每一部分負(fù)責(zé)什么，干什么工作，Presenter是model和View之間的橋梁，View負(fù)責(zé)顯示，Model負(fù)責(zé)交互，這三大類撐起了TouchGFX的天空，你可以再里面任意翱翔。

清除了MVP結(jié)構(gòu)后，對(duì)代碼結(jié)構(gòu)的理解和應(yīng)用的開(kāi)發(fā)有很大幫助，TouchGFX Design生成的代碼位于工程的generated/gui_generated

而用戶代碼位于gui文件夾下，gui文件夾下的代碼自己可以編輯，自己實(shí)現(xiàn)的代碼也是添加在這里。

例如上次我們給大家推送的電阻屏校準(zhǔn)就是在用戶代碼側(cè)，通過(guò)手寫(xiě)代碼來(lái)實(shí)現(xiàn)。理解了代碼結(jié)構(gòu)，在加上熟悉API就可以很方便的開(kāi)發(fā)GUI界面了，不管是用Designer,還是自己動(dòng)手寫(xiě)，如我們校準(zhǔn)觸摸屏的時(shí)候，需要先畫(huà)一個(gè)小圓，自己動(dòng)手畫(huà)一個(gè)圓。定義變量

在cpp文件中添加代碼

這樣就實(shí)現(xiàn)了在屏幕左上角畫(huà)了一個(gè)半徑為10的實(shí)心圓。如要畫(huà)空心圓，將線寬不要設(shè)置為0，另外注意畫(huà)空心圓時(shí)候，半徑必須減去線寬。同理就可以實(shí)現(xiàn)手動(dòng)繪制2D圖形。

責(zé)任編輯：xj

原文標(biāo)題：TouchGFX中生成代碼與用戶代碼

文章出處：【微信公眾號(hào)：嵌入式程序猿】歡迎添加關(guān)注！文章轉(zhuǎn)載請(qǐng)注明出處。