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部分內容)
emwin設計流程
建立設計目標。想要做什么事情,想要設計一個什么樣的界面或達到什么效果。學習階段可先從模仿開始,模仿別人設計學習自己需要的知識。
先了解整體的設計流程。清楚每一步所需要做的具體內容。
使用emwinPC仿真文件在PC端進行模擬,在此項目基礎上創(chuàng)建自己的GUI設計文件。目的,可以更快的看到設計的效果減少程序下載時所需要的時間,而且仿真文件里有大量使用案例可以參考設計。
把相關設計文件負責到STM32的例程項目中,添加相關文件到工程中。添加相應的頭文件和相關的數據處理方法。
例程編譯無誤后下載到開發(fā)板進行最終的測試。
設計案例
設計目的或者動力(在某文章中看到的一個設計界面感覺挺不錯的,所以這次就以這個界面為這次設計的最終效果)
分解設計。上圖目測可以把它分成左,中,右,下四個部分。設計上劃分之前需要先創(chuàng)建窗體用于放置控件或者繪圖,可以創(chuàng)建一個主窗體。
上圖是已經劃分好的LCD顯示效果。在這里創(chuàng)建了兩個窗體,一個用于狀態(tài)欄,一個用作主窗體放置大部分控件和繪圖。
這樣做的好處是確定每一個區(qū)域的起始坐標,放哪個區(qū)域的控件就可以使用哪個坐標做開始。
做完這步后就都是擺放控件的時間了。
最終擺放完成:
把創(chuàng)建的文件復制到stm3的項目。
VS軟件內創(chuàng)建的文件
復制到Keil軟件的文件
把相應的函數添加到對應的任務中就大功告成了。
最后在開發(fā)板上運行的效果
我的LCD顯示屏壞掉了,顯示的顏色有問題。整體學習上還是不影響的。