EmWin使用教程

基于交叉開(kāi)發(fā)的使用教程（使用PC端模擬GUI界面再移植的方法）

相關(guān)軟件準(zhǔn)備

開(kāi)發(fā)使用到的軟件和工具:

PC仿真文件。文件名稱(chēng)：SeggerEval_WIN32_MSVC_MinGW_GUI_V526

PC端開(kāi)發(fā)軟件。(Visual Studio 2013，用于編譯emwin源碼以及GUI開(kāi)發(fā))

Emwin使用手冊(cè)'emWin5中文手冊(cè).pdf',用于查看相關(guān)API的使用方法或說(shuō)明。

emwin開(kāi)發(fā)小工具。

開(kāi)發(fā)板例程。(使用開(kāi)發(fā)板例程可以直接學(xué)習(xí)emwin部分內(nèi)容)

emwin設(shè)計(jì)流程

建立設(shè)計(jì)目標(biāo)。想要做什么事情，想要設(shè)計(jì)一個(gè)什么樣的界面或達(dá)到什么效果。學(xué)習(xí)階段可先從模仿開(kāi)始，模仿別人設(shè)計(jì)學(xué)習(xí)自己需要的知識(shí)。

先了解整體的設(shè)計(jì)流程。清楚每一步所需要做的具體內(nèi)容。

使用emwinPC仿真文件在PC端進(jìn)行模擬，在此項(xiàng)目基礎(chǔ)上創(chuàng)建自己的GUI設(shè)計(jì)文件。目的，可以更快的看到設(shè)計(jì)的效果減少程序下載時(shí)所需要的時(shí)間，而且仿真文件里有大量使用案例可以參考設(shè)計(jì)。

把相關(guān)設(shè)計(jì)文件負(fù)責(zé)到STM32的例程項(xiàng)目中，添加相關(guān)文件到工程中。添加相應(yīng)的頭文件和相關(guān)的數(shù)據(jù)處理方法。

例程編譯無(wú)誤后下載到開(kāi)發(fā)板進(jìn)行最終的測(cè)試。

設(shè)計(jì)案例

設(shè)計(jì)目的或者動(dòng)力(在某文章中看到的一個(gè)設(shè)計(jì)界面感覺(jué)挺不錯(cuò)的，所以這次就以這個(gè)界面為這次設(shè)計(jì)的最終效果)

分解設(shè)計(jì)。上圖目測(cè)可以把它分成左，中，右，下四個(gè)部分。設(shè)計(jì)上劃分之前需要先創(chuàng)建窗體用于放置控件或者繪圖，可以創(chuàng)建一個(gè)主窗體。

上圖是已經(jīng)劃分好的LCD顯示效果。在這里創(chuàng)建了兩個(gè)窗體，一個(gè)用于狀態(tài)欄，一個(gè)用作主窗體放置大部分控件和繪圖。

這樣做的好處是確定每一個(gè)區(qū)域的起始坐標(biāo)，放哪個(gè)區(qū)域的控件就可以使用哪個(gè)坐標(biāo)做開(kāi)始。

做完這步后就都是擺放控件的時(shí)間了。

最終擺放完成:

把創(chuàng)建的文件復(fù)制到stm3的項(xiàng)目。

VS軟件內(nèi)創(chuàng)建的文件

復(fù)制到Keil軟件的文件

把相應(yīng)的函數(shù)添加到對(duì)應(yīng)的任務(wù)中就大功告成了。

最后在開(kāi)發(fā)板上運(yùn)行的效果

我的LCD顯示屏壞掉了，顯示的顏色有問(wèn)題。整體學(xué)習(xí)上還是不影響的。