嵌入式UI界面快速開發(fā)的方法

大家好，我是程序員小哈，今天給大家介紹一個嵌入式UI界面快速開發(fā)的方法。

問題由來小哈哥萬粉文章發(fā)朋友圈的時候，有網(wǎng)友說出個迪文屏教程。

我們單位買過一個高低溫試驗(yàn)箱，上面就有一個串口屏，相比于自繪GUI，它具有開發(fā)簡單、系統(tǒng)穩(wěn)定、開發(fā)效率高等優(yōu)點(diǎn)。

現(xiàn)在的串口屏除了顯示GUI界面以外，還有許多其他功能，比如有的串口屏開放了OS CPU核（標(biāo)準(zhǔn)8051核），用于二次開發(fā)；有的串口屏強(qiáng)大的算力結(jié)合WiFi模塊，進(jìn)而可以實(shí)現(xiàn)AIoT（人工智能物聯(lián)網(wǎng)）應(yīng)用。

現(xiàn)在小哈哥淘到了，可以開始玩起來了。

想催更、加群、圍觀小哈哥朋友圈的，可以公眾號后臺發(fā)消息【加群】，加小哈哥為好友。

EKT043 評估板EKT043 評估板采用 T5L1 驅(qū)動 4.3 寸 480*272 TFT 屏，并配套電容觸摸屏，其主要特點(diǎn)包括：

（1）11.0592MHz 晶體，206.4384MHz 運(yùn)行主頻，支持 HME05 仿真器。

（2）外接 16MB SPI Flash，運(yùn)行標(biāo)準(zhǔn) DGUS II UI；

（3）使用 USB 接口供電和調(diào)試；

（4）可以通過 USB 接口下載 OS CPU 8051 程序并自動硬件復(fù)位運(yùn)行；

（5）可以通過 USB 接口讀寫 DGUS 變量存儲器和下載圖片、字庫，方便 DGUS 調(diào)試；

（6）保留迪文 WiFi 模塊裝配位置，方便接入迪文云（WiFi 模塊和 USB 都占用 UART1 接口，波特率 921600bps）；

（7）用 2.54mm 間距通孔焊盤引出 T5L OS CPU 的所有接口，并進(jìn)行了標(biāo)識；

這些接口可以像單片機(jī)一樣使用，完成二次開發(fā)。

（8）用 2.54mm 間距通孔焊盤引出用戶可以使用的6路AD，ADC0-ADC3，ADC6-ADC7，并進(jìn)行標(biāo)識。

設(shè)計界面需要的工具USB數(shù)據(jù)線

用于給EKT043評估板供電。

SD卡

建議卡的容量大小在2G-16G之間，新卡使用前需格式化，F(xiàn)AT32格式單個扇區(qū)4096（4KB扇區(qū)格式）。

插卡后，屏幕沒有藍(lán)屏、只是黑屏閃爍/沒有插卡跡象，可能是卡的格式有問題。

讀卡器

用于向SD（TF）卡中拷貝待下載文件。

DGUS軟件DGUS為迪文串口屏的開發(fā)配置軟件，該軟件為用戶提供了工程管理、字庫生成、圖片轉(zhuǎn)換、串口下載、ICO生成工具及字體設(shè)置等應(yīng)用模塊。

本文使用的軟件版本為：DGUS Tool V7.624.exe

設(shè)計界面之前，我們需要先生成0號字庫文件 、背景圖片庫.ICL 文件、圖標(biāo)庫.ICL 文件。

界面設(shè)計的詳細(xì)資料參考本文提供的素材：

迪文串口屏迪文串口屏資料T5L DGUSII 應(yīng)用開發(fā)指南20210507.pdf

FLASH分配16MB外部FLASH存儲器可以分割為64個容量固定為256KB的子空間，可存放的文件ID號范圍為0-63。

注意：對于此串口屏（T5L1 CPU平臺），單個JPG文件大小不要超過252KB。

推薦命名：

0-22字庫是系統(tǒng)字庫，不調(diào)用。

23-63自定義使用，推薦用戶從23號起始位置開始放字庫或者圖標(biāo)庫等文件。

例如：

32號起始位置開始放背景圖片.ICL文件。

下載文件三個bin文件+庫文件存放在工程文件夾下的DWIN_SET中。

背景圖標(biāo)庫文件：32_背景圖片.ICL 文件 ，BMP格式，24位色，圖片命名從00開始。

圖標(biāo)庫文件：40-圖標(biāo).ICL 文件

0號字庫文件：0_DWIN_ASC.HZK

工程保存，生成三個bin文件：13觸控配置文件.bin、14變量配置文件.bin、22_Config.bin 。

將上圖所示文件拷貝到SD卡（實(shí)際上為TF卡）根目錄下的 DWIN_SET文件夾，插卡，斷電再上電，進(jìn)行下載，出現(xiàn)SD Card Process …END！ ，即為下載成功。

重新斷電，拔掉TF卡，再上電，即可看到最新的界面效果。

總結(jié)經(jīng)過上面的操作，大家看看利用串口屏制作一個操作界面，是不是還是很簡單的？

想要獲取更多資料、串口屏選型和參與論壇交流，可以登錄迪文屏官網(wǎng)：http://www.dwin.com.cn/home/Index

或者迪文開發(fā)者論壇：http://forum.dwin.com.cn/

以后我們會用這個串口屏做一些UI界面， 分享一些二次開發(fā)相關(guān)的內(nèi)容，大家可以關(guān)注一下！

責(zé)任編輯：haq