GUI 設(shè)計(jì)原來可以這么簡(jiǎn)單！

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

一、emWin介紹

emWin是Segger公司針對(duì)嵌入式平臺(tái)開發(fā)的穩(wěn)定、高效的圖形軟件庫，適合用于任何圖形LCD的操作應(yīng)用，并可輸出高質(zhì)量的無鋸齒的文字和圖形，通過調(diào)用emWin提供的函數(shù)接口，開發(fā)嵌入式圖形界面應(yīng)用變得簡(jiǎn)單而快捷。

使用emWin開發(fā)界面是個(gè)細(xì)致活，設(shè)計(jì)一個(gè)界面，往往需要對(duì)控件進(jìn)行多次調(diào)整才能到達(dá)理想效果，這里向大家分享兩款設(shè)計(jì)emWin界面的利器：PC模擬器和GUI Builder。

二、emWin開發(fā)利器之一“模擬器”

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

圖 1

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

圖 2

三、emWin開發(fā)利器之二“GUI builder”

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

在GUIBuilder上經(jīng)過控件的拖拽，調(diào)整，修改屬性，輕松創(chuàng)建一個(gè)網(wǎng)絡(luò)設(shè)置對(duì)話框界面，如圖 3所示。

圖 3

將其生成的C代碼移植到項(xiàng)目工程中，再進(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ū)動(dòng)，用戶無需關(guān)心底層驅(qū)動(dòng)的實(shí)現(xiàn)，可直接啟動(dòng)emWin應(yīng)用程序的開發(fā)。并提供一款精簡(jiǎn)的桌面UI系統(tǒng)Demo程序，給用戶一定的參考，使用戶能夠快速開發(fā)自己的桌面應(yīng)用程序。Demo酷炫主界面如圖 5所示：

圖 5

桌面一共實(shí)現(xiàn)9個(gè)App應(yīng)用，在主界面點(diǎn)擊對(duì)應(yīng)圖標(biāo)即可進(jìn)入APP界面。“文件瀏覽”

可對(duì)所有被掛載的儲(chǔ)存設(shè)備文件進(jìn)行瀏覽，可逐級(jí)進(jìn)入和退出子目錄。如圖 6所示。

圖 6

“網(wǎng)絡(luò)設(shè)置”可對(duì)系統(tǒng)的IP地址、網(wǎng)關(guān)、子網(wǎng)掩碼進(jìn)行設(shè)置和保存。如圖 7所示。

圖 7

“任務(wù)管理”可對(duì)系統(tǒng)中各任務(wù)的優(yōu)先級(jí)，堆棧信息，CPU占用率數(shù)據(jù)進(jìn)行預(yù)覽。并以歷史曲線記錄CPU的占用率。如圖 8、圖 9所示。

圖 8

圖 9

“系統(tǒng)信息”可對(duì)當(dāng)前系統(tǒng)的版本和資源進(jìn)行預(yù)覽。如圖 10所示。

圖 10

“外設(shè)控制”可以通過界面上按鈕開啟或關(guān)閉評(píng)估板上的蜂鳴器和Led燈。如圖 11所示。

圖 11

“數(shù)據(jù)采集”對(duì)兩路AD數(shù)據(jù)變化進(jìn)行歷史曲線顯示。如圖 12所示。

圖 12

“時(shí)鐘”可對(duì)系統(tǒng)的當(dāng)前日期和時(shí)間進(jìn)行設(shè)置和保存。如圖 13所示。

圖 13

“固件升級(jí)”可從存儲(chǔ)設(shè)備中加載一個(gè)bin文件，對(duì)系統(tǒng)進(jìn)行自升級(jí)。如圖 14所示。

圖 14

M1052跨界核心板，既具備MPU的強(qiáng)勁處理性能，又兼顧MCU微控制器的簡(jiǎn)單易用與實(shí)時(shí)性優(yōu)勢(shì)!預(yù)裝AWorks 實(shí)時(shí)操作系統(tǒng)，面向智能硬件與工業(yè)物聯(lián)網(wǎng)方向應(yīng)用設(shè)計(jì)。