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

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

我們單位買過一個(gè)高低溫試驗(yàn)箱，上面就有一個(gè)串口屏，相比于自繪GUI，它具有開發(fā)簡(jiǎn)單、系統(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)在小哈哥淘到了，可以開始玩起來(lái)了。

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

EKT043 評(píng)估板EKT043 評(píng)估板采用 T5L1 驅(qū)動(dòng) 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 程序并自動(dòng)硬件復(fù)位運(yùn)行；

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

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

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

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

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

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

用于給EKT043評(píng)估板供電。

SD卡

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

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

讀卡器

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

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

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

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

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

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

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

注意：對(duì)于此串口屏（T5L1 CPU平臺(tái)），單個(gè)JPG文件大小不要超過252KB。

推薦命名：

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

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

例如：

32號(hào)起始位置開始放背景圖片.ICL文件。

下載文件三個(gè)bin文件+庫(kù)文件存放在工程文件夾下的DWIN_SET中。

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

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

0號(hào)字庫(kù)文件：0_DWIN_ASC.HZK

工程保存，生成三個(gè)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)過上面的操作，大家看看利用串口屏制作一個(gè)操作界面，是不是還是很簡(jiǎn)單的？

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

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

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

責(zé)任編輯：haq