串口屏UI及交互功能的快速开发

嵌入式开发中通常会涉及到相对不是特别复杂华丽的人机交互功能.

比较常用的方案都是通过-块可以触控的屏幕来实现,比较老的方案是集成lvgl包,通过lvgl的API来实现UI界面以及对应的交互功能,U界面完全根据自身需要来实现,这样实现的优点是高度定制,完美适配项目需求, 但是缺点也是显而易见的,嵌入式开发环境中受设备性能和使用场景的限制,大多数情况下交互逻辑不会太复杂,且屏幕驱动也需要占用为数不多的MCU性能,硬件资源分配和开发周期都受影响.

基于这种情况,独立MCU+RAM+flash的串口屏幕应运而生,开发SDK功能完善，简洁高效,在对U!定制化程度不是特别严苛的情况下,极大的提升了开发效率,目通过串口协议和主控MCU通讯,只占用很少的MCU资源,且不需要考虑屏幕驱动,大大缩减了开发周期.

今天就以一款市面常见的串口屏幕--陶晶驰T1为例,简单介绍一下串口屏的基本开发流程

如图所示是一款4.3寸大小的触控串口屏的背面示意图,左上角是TF卡插槽用来更新制作好的程序代码,右侧插口是供电及通讯串口,也可以通过串口连接电脑更新制作好的程序代码

这是对应的UI开发的SDK,因为屏幕自带MCU,所以是可以直接把控制逻辑写入到屏幕的MCU中的,这样可以极大的减少主控MCU的工作量,举例说明

如图是一个厨具的控制界面,m打头的控件是一个触摸热区,即触碰可以出发相关逻辑功能,t打头的是文本控件,可以显示相关的文本,这里利用这两个控件实现点击对应的触摸热区切换文本控件的显示内容的功能

如图所示,定义四个全局变量flag0~flag3来记录当前文本的显示状态

如图所示在触摸热区的按下事件中实现更新对应的文本控件的逻辑,点击一下切换为黑色字体的牛肉汤,再次点击,切换为白色字体的通用汤,然后直接在电脑端仿真测试

逻辑功能正常,通过串口把程序烧录到屏幕中,测试正常,demo完成