GUI 設(shè)計原來可以這么簡單!
i.MX RT1052具有增強(qiáng)型顯示接口(eLCDIF),支持8/16/18/24位的數(shù)據(jù)總線模式。M1052核心板最高可支持1366x768的高清圖像顯示,芯片內(nèi)置音頻接口,搭載免費的emWin圖形庫可廣泛應(yīng)用多媒體設(shè)計。
本文引用地址:http://www.ex-cimer.com/article/201806/381728.htm一、emWin介紹
emWin是Segger公司針對嵌入式平臺開發(fā)的穩(wěn)定、高效的圖形軟件庫,適合用于任何圖形LCD的操作應(yīng)用,并可輸出高質(zhì)量的無鋸齒的文字和圖形,通過調(diào)用emWin提供的函數(shù)接口,開發(fā)嵌入式圖形界面應(yīng)用變得簡單而快捷。
使用emWin開發(fā)界面是個細(xì)致活,設(shè)計一個界面,往往需要對控件進(jìn)行多次調(diào)整才能到達(dá)理想效果,這里向大家分享兩款設(shè)計emWin界面的利器:PC模擬器和GUI Builder。
二、emWin開發(fā)利器之一“模擬器”
為解決前期開發(fā)沒有硬件的煩惱,Segger提供了一個基于PC的emWin模擬器,用戶可在模擬器上進(jìn)行GUI界面的設(shè)計,待界面設(shè)計成熟之后,再將代碼移植到嵌入式開發(fā)平臺,可加快整個工程的開發(fā)進(jìn)度。如圖 1所示為emWin模擬器運行效果:
圖 1
emWin模擬器提供了全部的源碼,用戶可根據(jù)實際LCD的分辨率修改模擬器的屏幕分辨率。模擬器附帶的Demo源碼極具參考價值,幾乎涵蓋了emWin中所有的控件使用,用戶通過學(xué)習(xí)這些例程,并參考官方的emWin手冊,可快速入門emWin的開發(fā)。Demo源碼如圖 2所示:
圖 2
三、emWin開發(fā)利器之二“GUI builder”
GUIBuilder是emWin附帶的一款無需使用C語言編程即可創(chuàng)建對話框的工具,并提供了豐富的控件,用戶只需在GUIBuilder中通過拖拽控件,擺放控件的位置和調(diào)整控件的大小,還可以在上下文菜單中設(shè)置各控件的屬性,將設(shè)計的界面另存為C文件,可以直接拿到emWin工程中使用,生成的C代碼中還自動添加了事件處理框架,用戶只需關(guān)注事件的處理上。讓用戶從為設(shè)計一個界面而反復(fù)修改代碼,燒錄,運行,再修改的痛苦中解放出來。
在GUIBuilder上經(jīng)過控件的拖拽,調(diào)整,修改屬性,輕松創(chuàng)建一個網(wǎng)絡(luò)設(shè)置對話框界面,如圖 3所示。
圖 3
將其生成的C代碼移植到項目工程中,再進(jìn)行一些細(xì)節(jié)修改和調(diào)整,并將控件的文本顯示替換為中文顯示,界面的最終效果如圖 4所示:
圖 4
四、使用M1052核心板開發(fā)emWin
M1052核心板板載16MB SDRAM,完全滿足開發(fā)emWin高清圖形應(yīng)用的條件。M1052配套的AWorks SDK軟件包,已經(jīng)為用戶配置好LCD屏驅(qū)動,用戶無需關(guān)心底層驅(qū)動的實現(xiàn),可直接啟動emWin應(yīng)用程序的開發(fā)。并提供一款精簡的桌面UI系統(tǒng)Demo程序,給用戶一定的參考,使用戶能夠快速開發(fā)自己的桌面應(yīng)用程序。Demo酷炫主界面如圖 5所示:
圖 5
桌面一共實現(xiàn)9個App應(yīng)用,在主界面點擊對應(yīng)圖標(biāo)即可進(jìn)入App界面。“文件瀏覽”
可對所有被掛載的儲存設(shè)備文件進(jìn)行瀏覽,可逐級進(jìn)入和退出子目錄。如圖 6所示。
圖 6
“網(wǎng)絡(luò)設(shè)置”可對系統(tǒng)的IP地址、網(wǎng)關(guān)、子網(wǎng)掩碼進(jìn)行設(shè)置和保存。如圖 7所示。
圖 7
“任務(wù)管理”可對系統(tǒng)中各任務(wù)的優(yōu)先級,堆棧信息,CPU占用率數(shù)據(jù)進(jìn)行預(yù)覽。并以歷史曲線記錄CPU的占用率。如圖 8、圖 9所示。
圖 8
圖 9
“系統(tǒng)信息”可對當(dāng)前系統(tǒng)的版本和資源進(jìn)行預(yù)覽。如圖 10所示。
圖 10
“外設(shè)控制”可以通過界面上按鈕開啟或關(guān)閉評估板上的蜂鳴器和Led燈。如圖 11所示。
圖 11
“數(shù)據(jù)采集”對兩路AD數(shù)據(jù)變化進(jìn)行歷史曲線顯示。如圖 12所示。
圖 12
“時鐘”可對系統(tǒng)的當(dāng)前日期和時間進(jìn)行設(shè)置和保存。如圖 13所示。
圖 13
“固件升級”可從存儲設(shè)備中加載一個bin文件,對系統(tǒng)進(jìn)行自升級。如圖 14所示。
圖 14
M1052跨界核心板,既具備MPU的強(qiáng)勁處理性能,又兼顧MCU微控制器的簡單易用與實時性優(yōu)勢!預(yù)裝AWorks 實時操作系統(tǒng),面向智能硬件與工業(yè)物聯(lián)網(wǎng)方向應(yīng)用設(shè)計。
評論