嵌入式UI界面开发就是这么简单

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

问题由来

小哈哥万粉文章发朋友圈的时候，有网友说出个迪文屏教程。

我们单位买过一个高低温试验箱，上面就有一个串口屏，相比于自绘GUI，它具有开发简单、系统稳定、开发效率高等优点。

现在的串口屏除了显示GUI界面以外，还有许多其他功能，比如有的串口屏有开放了OS CPU核（标准8051核），用于二次开发；有的串口屏强大的算力结合WiFi模块，进而可以实现AIoT（人工智能物联网）应用。

现在小哈哥淘到了，可以开始玩起来了。

想催更、加群、围观小哈哥朋友圈的，可以公众号后台发消息【加群】，加小哈哥为好友。

EKT043 评估板

EKT043 评估板采用 T5L1 驱动 4.3 寸 480*272 TFT 屏，并配套电容触摸屏，其主要特点包括：

（1）11.0592MHz 晶体，206.4384MHz 运行主频，支持 HME05 仿真器。
（2）外接 16MB SPI Flash，运行标准 DGUS II UI；
（3）使用 USB 接口供电和调试；
（4）可以通过 USB 接口下载 OS CPU 8051 程序并自动硬件复位运行；
（5）可以通过 USB 接口读写 DGUS 变量存储器和下载图片、字库，方便 DGUS 调试；
（6）保留迪文 WiFi 模块装配位置，方便接入迪文云（WiFi 模块和 USB 都占用 UART1 接口，波特率 921600bps）；
（7）用 2.54mm 间距通孔焊盘引出 T5L OS CPU 的所有接口，并进行了标识；

这些接口可以像单片机一样使用，完成二次开发。

（8）用 2.54mm 间距通孔焊盘引出用户可以使用的6路AD，ADC0-ADC3，ADC6-ADC7，并进行标识。

设计界面需要的工具

USB数据线

用于给EKT043评估板供电。

SD卡

建议卡的容量大小在2G-16G之间，新卡使用前需格式化，FAT32格式单个扇区4096（4KB扇区格式）。

插卡后，屏幕没有蓝屏、只是黑屏闪烁/没有插卡迹象，可能是卡的格式有问题。

读卡器

用于向SD（TF）卡中拷贝待下载文件。

DGUS软件

DGUS为迪文串口屏的开发配置软件，该软件为用户提供了工程管理、字库生成、图片转换、串口下载、ICO生成工具及字体设置等应用模块。

本文使用的软件版本为：DGUS Tool V7.624.exe

设计界面之前，我们需要先生成**0号字库文件.ICL **、背景图片库.ICL 文件、图标库.ICL 文件。

界面设计的详细资料参考本文提供的素材：

迪文串口屏\迪文串口屏资料\T5L DGUSII 应用开发指南20210507.pdf

FLASH分配

16MB外部FLASH存储器可以分割为64个容量固定为256KB的子空间，可存放的文件ID号范围为0-63。

注意：对于此串口屏（T5L1 CPU平台），单个JPG文件大小不要超过252KB。

推荐命名：

0-22字库是系统字库，不调用。

23-63自定义使用，推荐用户从23号起始位置开始放字库或者图标库等文件。

例如：

32号起始位置开始放背景图片.ICL文件。

下载文件

三个bin文件+库文件存放在工程文件夹下的DWIN_SET中。

背景图标库文件： 32_背景图片.ICL 文件 ，BMP格式，24位色，图片命名从00开始。

图标库文件： 40-图标.ICL 文件

0号字库文件：0_DWIN_ASC.HZK

工程保存，生成三个bin文件：
13触控配置文件.bin
14变量配置文件.bin
22_Config.bin

将上图所示文件拷贝到SD卡（实际上为TF卡）根目录下的 DWIN_SET文件夹，插卡，断电再上电，进行下载，出现SD Card Process …END! ，即为下载成功。

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

视频演示

资料下载

公众号：嵌入式从0到1，后台回复关键字：迪文EKT043评估板 ，可以获取本文演示视频对应的工程及此评估板相关资料。

总结

经过上面的操作，大家看看利用串口屏制作一个操作界面，是不是还是很简单的？

想要获取更多资料、串口屏选型和参与论坛交流，可以登录迪文屏官网：http://www.dwin.com.cn/home/Index

或者迪文开发者论坛：
http://forum.dwin.com.cn/

以后我们会用这个串口屏做一些UI界面， 分享一些二次开发相关的内容，大家可以持续关注一下哈。