GUI 設(shè)計原來可以這么簡單！

作者：ZLG致遠(yuǎn)電子時間：2018-06-15 來源：電子產(chǎn)品世界

加入技術(shù)交流群
- 掃碼加入
  和技術(shù)大咖面對面交流
  海量資料庫查詢

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

本文引用地址：http://www.butianyuan.cn/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所示：