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

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

[[431847]]

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

今天给大家介绍一个嵌入式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卡,再上电,即可看到最新的界面效果。

总结

 

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

 

责任编辑:武晓燕 来源: 嵌入式从0到1
相关推荐

2011-01-14 13:13:23

嵌入式Linux开发

2009-06-11 11:09:02

Linux嵌入式开发环境

2009-07-17 16:06:59

ARM嵌入式开发

2009-12-23 11:42:14

Fedora 9嵌入式

2009-06-26 16:05:04

嵌入式Linux

2010-01-13 09:15:35

嵌入式

2021-10-26 21:50:10

Rust嵌入式开发

2011-07-05 15:42:02

QT 嵌入式 Embedded

2011-01-06 15:11:09

嵌入式linux

2009-12-23 10:33:30

Silverlight

2011-06-13 14:00:55

Qt Designer linux

2010-01-06 09:53:08

嵌入式

2020-03-23 10:15:10

Google 开源技术

2017-11-28 15:29:04

iPhone X网页适配

2021-05-24 10:50:10

Git命令Linux

2010-01-13 09:51:21

微软Linux嵌入式

2022-03-11 15:44:11

嵌入式开发技巧技术

2011-06-21 11:30:31

嵌入式 Qt

2017-08-14 15:01:19

2011-06-09 10:28:54

QT 嵌入式
点赞
收藏

51CTO技术栈公众号