EmWin使用教程

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

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

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

PC仿真文件。文件名稱：SeggerEval_WIN32_MSVC_MinGW_GUI_V526

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

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

emwin開發(fā)小工具。

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

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

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

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

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

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

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

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

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

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

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

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

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

最終擺放完成:

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

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

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

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

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

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