嵌入式UI界面快速开发的方法

大家好，我是程序员小哈，今天给大家介绍一个嵌入式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 文件。

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

迪文串口屏迪文串口屏资料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卡，再上电，即可看到最新的界面效果。

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

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

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

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

责任编辑：haq