GUI 設計原來可以這么簡單！

　　i.MX RT1052具有增強型顯示接口(eLCDIF),支持8/16/18/24位的數據總線模式。M1052核心板最高可支持1366x768的高清圖像顯示，芯片內置音頻接口，搭載免費的emWin圖形庫可廣泛應用多媒體設計。

　　一、emWin介紹

　　emWin是Segger公司針對嵌入式平臺開發的穩定、高效的圖形軟件庫，適合用于任何圖形LCD的操作應用，并可輸出高質量的無鋸齒的文字和圖形，通過調用emWin提供的函數接口，開發嵌入式圖形界面應用變得簡單而快捷。

　　使用emWin開發界面是個細致活，設計一個界面，往往需要對控件進行多次調整才能到達理想效果，這里向大家分享兩款設計emWin界面的利器：PC模擬器和GUI Builder。

　　二、emWin開發利器之一“模擬器”

　　為解決前期開發沒有硬件的煩惱,Segger提供了一個基于PC的emWin模擬器，用戶可在模擬器上進行GUI界面的設計，待界面設計成熟之后，再將代碼移植到嵌入式開發平臺，可加快整個工程的開發進度。如圖 1所示為emWin模擬器運行效果：

　　圖 1

　　emWin模擬器提供了全部的源碼，用戶可根據實際LCD的分辨率修改模擬器的屏幕分辨率。模擬器附帶的Demo源碼極具參考價值，幾乎涵蓋了emWin中所有的控件使用，用戶通過學習這些例程，并參考官方的emWin手冊，可快速入門emWin的開發。Demo源碼如圖 2所示：

　　圖 2

　　三、emWin開發利器之二“GUI builder”

　　GUIBuilder是emWin附帶的一款無需使用C語言編程即可創建對話框的工具，并提供了豐富的控件，用戶只需在GUIBuilder中通過拖拽控件，擺放控件的位置和調整控件的大小，還可以在上下文菜單中設置各控件的屬性，將設計的界面另存為C文件，可以直接拿到emWin工程中使用，生成的C代碼中還自動添加了事件處理框架，用戶只需關注事件的處理上。讓用戶從為設計一個界面而反復修改代碼，燒錄，運行，再修改的痛苦中解放出來。

　　在GUIBuilder上經過控件的拖拽，調整，修改屬性，輕松創建一個網絡設置對話框界面，如圖 3所示。

　　圖 3

　　將其生成的C代碼移植到項目工程中，再進行一些細節修改和調整，并將控件的文本顯示替換為中文顯示，界面的最終效果如圖 4所示:

　　圖 4

　　四、使用M1052核心板開發emWin

　　M1052核心板板載16MB SDRAM，完全滿足開發emWin高清圖形應用的條件。M1052配套的AWorks SDK軟件包，已經為用戶配置好LCD屏驅動，用戶無需關心底層驅動的實現，可直接啟動emWin應用程序的開發。并提供一款精簡的桌面UI系統Demo程序，給用戶一定的參考，使用戶能夠快速開發自己的桌面應用程序。Demo酷炫主界面如圖 5所示：

　　圖 5

　　桌面一共實現9個App應用，在主界面點擊對應圖標即可進入App界面。“文件瀏覽”

　　可對所有被掛載的儲存設備文件進行瀏覽，可逐級進入和退出子目錄。如圖 6所示。

　　圖 6

　　“網絡設置”可對系統的IP地址、網關、子網掩碼進行設置和保存。如圖 7所示。

　　圖 7

　　“任務管理”可對系統中各任務的優先級，堆棧信息，CPU占用率數據進行預覽。并以歷史曲線記錄CPU的占用率。如圖 8、圖 9所示。

　　圖 8

　　圖 9

　　“系統信息”可對當前系統的版本和資源進行預覽。如圖 10所示。

　　圖 10

　　“外設控制”可以通過界面上按鈕開啟或關閉評估板上的蜂鳴器和Led燈。如圖 11所示。

　　圖 11

　　“數據采集”對兩路AD數據變化進行歷史曲線顯示。如圖 12所示。

　　圖 12

　　“時鐘”可對系統的當前日期和時間進行設置和保存。如圖 13所示。

　　圖 13

　　“固件升級”可從存儲設備中加載一個bin文件，對系統進行自升級。如圖 14所示。

　　圖 14

　　M1052跨界核心板，既具備MPU的強勁處理性能，又兼顧MCU微控制器的簡單易用與實時性優勢!預裝AWorks 實時操作系統，面向智能硬件與工業物聯網方向應用設計。