[[431847]]

大家好，我是程序員小哈。

今天給大家介紹一個(gè)嵌入式UI界面快速開發(fā)的方法。

問題由來

小哈哥萬(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)在小哈哥淘到了，可以開始玩起來了。

想催更、加群、圍觀小哈哥朋友圈的，可以公眾號(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)單的?