嵌入式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)

相关推荐

  • Jlink使用技巧之读写SPI Flash存储芯片

    Jlink使用技巧系列教程前言大多数玩单片机的人都知道Jlink可以烧写Hex文件,作为ARM仿真调试器,但是知道能烧写SPI Flash的人应该不多,本篇文章将介绍如何使用JLink来烧写或者读取S ...

  • 10 迪文屏初探

    触控空间文件 13.BIN 显示控件文件 14.BIN 用户软件需要定时(或者参数改变时的串口中断触发)来读取录入变量值 DGUS屏幕使用数据分为 整数,无符号整数,长整数,超长整数 整数:-3276 ...

  • Android应用程序----UI界面控件(菜单menu)

    菜单是应用程序中非常重要的组成部分,能够在不占用界面空间的前提下,为应用程序提供了统一的功能和设置界面,并为程序开发人员提供了易于使用的编程接口 Android系统支持三种菜单 选项菜单(Option ...

  • Android应用程序----UI界面控件(相对布局,绝对布局)

    相对布局 相对布局(RelativeLayout)是一种非常灵活的布局方式,能够通过指定界面元素与其他元素的相对位置关系,确定界面中所有元素的布局位置 特点:能够最大程度保证在各种屏幕类型的手机上正确 ...

  • Android应用程序----UI界面控件(框架布局,表格布局)

    框架布局(FrameLayout)是最简单的界面布局,是用来存放一个元素的空白空间,且子元素的位置是不能够指定的,只能够放置在空白空间的左上角 如果有多个子元素,后放置的子元素将遮挡先放置的子元素 使 ...

  • QT Creator 使用 design 修改 ui界面编译后界面未更新问题的解决 From EricQu

    今日遇到一个奇怪的问题,描述如题. 网上搜索了一些解决方案,说的不是很清楚,经过一些时间的摸索,这里总结一下解决方法. ui源文件到界面显示的原理可以网上搜索,这里不再描述.简单讲就是先要从*.ui生 ...

  • Android应用程序----UI界面控件(界面布局小记)

    界面布局 界面布局(Layout)是用户界面结构的描述,定义了界面中所有的元素.结构和相互关系 声明Android程序的界面布局有两种方法 使用XML文件描述界面布局 在程序运行时动态添加或修改界面布 ...

  • Android应用程序----UI界面控件(ListView,TabHost,Tab标签页的使用 ) )

    ListView ListView是一种用于垂直显示的列表控件,如果显示内容过多,则会出现垂直滚动条 ListView能够通过适配器将数据和自身绑定,在有限的屏幕上提供大量内容供用户选择,所以是经常使 ...

  • Android应用程序----UI界面控件(2)CheckBox,RadioButton,Spinner

    Android应用程序----UI界面控件 CheckBox和RadioButton CheckBox是一个同时可以选择多个选项的控件 RadioButton则是仅可以选择一个选项的控件 RadioG ...

  • Android应用程序----UI界面控件

    Android系统的界面控件分为定制控件和系统控件 定制控件是用户独立开发的控件,或通过继承并修改系统控件后所产生的新控件.能够为用户提供特殊的功能或与众不同的显示需求方式 系统控件是Android系 ...

  • 干货丨关于飞凌嵌入式i.MX6Q开发板那点事儿

    FETMX6Q-C核心板 iMX6Q系列作为明星产品深受大家的追捧,其性能强悍,使用稳定,多种显示支持,接口丰富.广泛适用于工控.医疗.多媒体.安防 .车载.金融.教学.电力.通讯.充电桩.智能家居. ...