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 實時操作系統,面向智能硬件與工業物聯網方向應用設計。


分享到:


相關文章: