EmWin使用教程

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

相關軟件準備

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

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

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

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

emwin開發(fā)小工具。

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

emwin設計流程

建立設計目標。想要做什么事情，想要設計一個什么樣的界面或達到什么效果。學習階段可先從模仿開始，模仿別人設計學習自己需要的知識。

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

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

把相關設計文件負責到STM32的例程項目中，添加相關文件到工程中。添加相應的頭文件和相關的數(shù)據(jù)處理方法。

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

設計案例

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

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

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

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

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

最終擺放完成:

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

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

復制到Keil軟件的文件

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

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

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