目录

一、开发环境闪电搭建（3分钟）

二、加法计算器实现步骤（7分钟）

1.工程创建

2.创建字库和导入字库

3. 拖放控件-文本控件

4.拖放控件-数字控件

5.（x）变量

6.按钮

三、测试

---

在嵌入式设备的人机交互（HMI）开发中，高效与易用性至关重要。淘晶驰（TJC）串口屏凭借其「硬件即插即用」与「软件可视化开发」的双重优势，成为快速构建图形界面的理想选择。本文将带您在短短10分钟内，通过实现一个直观的三按键加法计算器（包含数字1、2和运算符+、=），快速掌握淘晶驰串口屏的核心功能与开发流程。介绍文本显示、数字输入、变量存储及按钮交互这些最高频控件的实际应用，轻松开启嵌入式GUI开发之旅。

可以到资源下载原文件,点击链接

一、开发环境闪电搭建（3分钟）

1. 软件安装：官网下载USART HMI工具，具体安装方法参考之前的文章，淘晶驰USART HMI 上位机软件安装

1. 硬件连接：不用硬件，直接使用USART HMI 上位机软件模拟器  

二、加法计算器实现步骤（7分钟）

1.工程创建

1).点击新建按钮

---

2).选择保存工程的位置，并为工程设置文件名，点击保存

---

3).选择串口屏型号，您可以在串口屏的背面看到屏幕的型号，这里以TJC8048X570_011来演示

---

4).点击左侧的显示选项，选择一个显示方向，并点击OK，完成工程的创建

5).默认创建了page0页面

2.创建字库和导入字库

要先导入字库控件才可以正常显示文字

1).点击工具-字库制作

---

2).设置如下

---

3).点击生成字库，将字库保存到素材-字库中

4).生成完毕，显示字库占用空间，点击确定

---

5).询问是否加入字库，点击“是”

---

6).关闭字库制作工具，或者继续制作其他字库

---

3. 拖放控件-文本控件

即要显示的文本,t0的txt修改成"加法计算器"

---

4.拖放控件-数字控件

用于存放输入数字和运算结果.

5.（x）变量

变量控件是存储临时数据的核心组件，类似于编程中的i、j等中间变量,这里是va0。

6.按钮

分别在按钮b0、b1、b2、b3的txt修改成1、+、2、=

在按钮b0的弹起事件输入代码:n0.val=1

类似地,

在按钮b1的弹起事件输入代码:va0.val=n0.val
在按钮b2的弹起事件输入代码:n0.val=2
在按钮b3的弹起事件输入代码:n0.val=n0.val+va0.val

三、测试

点击调试也不会报错，可以正常运行。

按下1+2=,可以得到结果3.按下2+1=,可以得到结果3.恭喜你已经成功了.

至此，您已成功用淘晶驰串口屏完成了一个具备基础运算功能的加法计算器，不仅熟悉了工程创建、字库导入、控件拖放等全流程操作，更掌握了变量存储、事件逻辑等核心开发思维。这些技能不仅适用于简单计算器，更能延伸至智能家居控制面板、工业仪表监测界面、智能设备调试终端等丰富场景。

技术的魅力在于无限拓展的可能，淘晶驰串口屏的「低代码」特性正是开启更多创意的钥匙。现在，不妨尝试修改计算器代码实现减法、乘法功能，或添加图像控件让界面更美观。遇到问题时，可随时参考文末的官方教程文献。

下期预告：串口屏30分钟实战：轻松搭建基础计算器。关注我，解锁更多实战技巧！

参考文献：淘晶驰官方教程