陶晶驰串口屏使用

小白初始串口屏

为什么要用串口屏,让我们到陶晶驰的官网看看他怎么说

下面我来分享一下我的学习方法,

首先

为了有一个大概得了解我们要先知道这个串口屏能实现什么功能,所以我们可以先去百度或者哔站搜索一下用陶晶驰串口屏做的项目,就大概能了解这个东西可以干什么了---也可以再看一下这个视频【电赛】【小技巧】USARTHM(淘晶驰串口屏)介绍与简单使用_哔哩哔哩_bilibili

然后,这个串口屏他的官网资料还是非常多的,所以我可以直接学习他官网的资料

如果你看了我上面说的这个链接的视频,那么你应该已经下载好了 USART HMI 这个软件

第一次创建文件请看这篇博客:淘晶驰串口屏详细使用流程,创建工程教程_陶晶驰-CSDN博客

第一次进来界面大概是这个样

然后我们就可以研究一下左侧的这些控件的使用方法,建议搭配官网的文档说明(所有控件详解 --- 淘晶驰串口屏资料中心 1.1.0-2026-01-16 10:28:24 文档

然后就先自己研究一下这些控件(注意:新建的项目每次都要添加字库)

在USART HMI里

然后就可以自己研究了

下面是我自己研究了一会弄的(大概研究了半天),主要就是了解一下每个控件到底能干什么用

还有一个program.s,这个里面是启动前的一些设置(可以理解成启动文件)

推荐一些文章大家有空可以见到看看:

stm32控制陶晶驰HMI串口屏_stm32与陶晶驰屏幕通讯-CSDN博客

stm32与串口屏双向通讯官方例程 - 指南 - clnchanpin - 博客园

但是这样弄完感觉还是对某些东西的概念一知半解,感觉会了,又感觉有点虚。所以不能光学,一定要又应用,不然学了不用到时候就忘了

所以下面给大家来一个实战案例

实战案例

需求

复制代码
本设计采用STM32单片机作为主控制器,通过LCD触摸屏实现饮品选择与点单操作。用户可直接在触摸屏上浏览饮品类别、图片与价格,点击对应饮品图标即可将其加入订单列表,系统会实时显示已选饮品与总金额;

LCD触摸屏实时显示当前订单信息、操作提示及系统状态;

那么我们就要开始构思如何实现了,一般这种时候没思路我们就去互联网上找找有没有人弄个类似的项目,然后看看别人是如何实现的,然后仿照他的方法再结合自己的需求改进优化,刚好我在陶晶驰官网看到了有了个类似的项目

然后我发现他们的背景都是图片,直接把图片弄进去,再用一写透明的按键或者切片控件来操作,所以我就想让ai结合我的需求给我生成HTML。【这里推荐用Claude Code或者Google AI Studio】然后就我再打开HTML截图(注意图片大小要符合你选的串口屏型号的大小,比如我选的型号是T1什么,分辨率是320*240),但是我们不可能这么完美的截出图片,所以请出辅助的网站

在线按像素调整图片大小 - 免费且高质量

然后就开始漫长的制作吧

给大家看看我最后做好的样子

弄完这个也有一些感悟,学东西不能光学不用,学完了要结合所学的东西去应用,这样才算是学到了,不然就会陷入一种感觉自己好像会了,但是没有用过,过一段时间就忘记了

相关推荐
iOS150110153342 分钟前
UIScrollView中的按钮UIButton高亮状态延迟触发、响应慢问题分析
ui·ios·objective-c
常利兵1 小时前
深入理解Android ViewModel&SavedStateHandle:告别数据丢失,打造稳健UI架构
android·ui·架构
l1t2 小时前
利用DuckDB 1.5的json和struct功能分析llama web-ui导出的对话json文件
前端·ui·json
少云清2 小时前
【UI自动化测试】3_IOS自动化测试 _使用真机
ui·ios
招风的黑耳3 小时前
【实战原型】TMS物流运输管理系统高保真交互原型
ui·交互·axure·原型
少云清5 小时前
【UI自动化测试】6_TPshop项目实战 _allure测试报告
ui
少云清7 小时前
【UI自动化测试】3_TPshop项目实战 _一个测试用例脚本编写过程
ui·测试用例
Jasmine8397 小时前
OpenClaw部署太难? Codex全流程零编码实现浏览器UI自动化
人工智能·测试工具·ui
不如摸鱼去12 小时前
uni-app 组件库 Wot UI 的 AI 友好型编程指南
人工智能·ui·uni-app
大Mod_abfun13 小时前
AntdUI教程#1ChatList交互(vb.net)
服务器·前端·ui·交互·antdui·聊天框