- 1. 一、HMI设计与debug的革命
- 2. 二、触摸屏Edit器核心Function
- 3. 2.1 40+ 种工业控件
- 4. 2.2 拖拽式画布设计
- 5. 2.3 Modbus 变量绑定
- 6. 2.4 多窗口管理
- 7. 2.5 模板库与市场
- 8. 三、AI智能生成界面
- 9. 四、仿真预览与APKexport
- 10. 五、模板预览Tools
- 11. 六、远程协助Tools
- 12. 七、触摸屏辅助Tools
- 13. 八、MyEMS能源管理systemdebug
- 14. 九、总结
- 15. 🎯 本文所述AllTools均在微信小程序中free使用
一、HMI设计与debug的革命
传统工业触摸屏(HMI,Human-Machine Interface)的开发流程是:PC端configuration软件 → 编译 → Download到触摸屏 → 现场测试 → 发现问题 → 回PC修改 → 重新Download。这个循环一趟少则半小时,多则半天,debug效率极低。
「modbusdebugAssistant」做了一个大胆的突破——将完整的触摸屏Edit器搬到了手机微信小程序里。配合远程协助和能源管理system,形成了一套”设计→debug→运维”的完整闭环Tools链。
二、触摸屏Edit器核心Function
2.1 40+ 种工业控件
Edit器内置了工业触摸屏常用的All控件Type:
| 类别 | 控件 | 典型用途 |
|---|---|---|
| 基本控件 | Button, Label, TextBox, Image, PictureBox | 界面基础元素 |
| switch控件 | Switch, ToggleButton, SlideSwitch | 设备启停、模式Switch |
| 显示控件 | ProgressBar, SlideBar, Meter, RSlideBar | 模拟量显示、进度反馈 |
| 容器控件 | PageControl, Page, KeyboardPage | 多页面Switch、键盘输入页 |
| 列表控件 | ListControl, ComboBox | data列表、下拉选择 |
| 图表控件 | Chart, TrendCurve, Gauge | data可视化、趋势分析 |
| 特殊控件 | QRCode, TimeSet, VideoBox, Animation | 二维码、time设置、视频、动画 |
2.2 拖拽式画布设计
Edit器的核心理念是“所见即所得”:
- Control Library面板:从左侧控件列表中Drag and drop control到中央画布,放置即渲染
- 属性面板:选中控件后,右侧属性面板显示该控件的所有可配置属性——位置/尺寸/颜色/字体/边框/背景/透明等
- 对齐Tools:多选控件后一键执行左对齐/右对齐/居中对齐/等间距分布
- 层级管理:置顶/置底/上移一层/下移一层,管理控件的Z轴顺序
- 撤销/重做:支持多步撤销,防止误Operation
2.3 Modbus 变量绑定
每个控件都可以绑定到 Modbus 变量:选择控件→配置绑定→选择slave address/function code/register address/data type/endianness→控件显示值与register value实时联动。支持变量引用连线Function——用彩色连线直观展示控件之间的data依赖关系。
2.4 多窗口管理
一个工程可以包含多个窗口(页面),支持窗口管理面板:新建窗口/Delete窗口/重命名窗口/窗口ID设置/启动窗口设定。每个窗口独立设计、独立绑定。
2.5 模板库与市场
- 内置模板库:多款常用触摸屏界面模板(空调控制/灯光控制/设备监控/data报表),一键创建新工程
- 模板市场:浏览和Download社区用户分享的模板,支持匿名浏览和仿真预览
- 公共素材库:图片素材云端管理,Category存储,Edit时可跨项目调用
三、AI智能生成界面
这是Tools箱的技术亮点——用自然语言描述需求,AI自动生成触摸屏界面。
比如输入:”做一个central air conditioning的控制界面,要有temperature显示、设定temperature的加减button、运行模式Switch(制冷/制热/送风)、风速调节、定时switchFunction”——AI会自动生成包含对应控件和布局的界面,并Complete基础的Modbus变量绑定。
AI生成不是完全取代手动设计,而是快速建立原型,工程师在此基础上精调位置、样式和参数——大幅缩短从零到一的time。
四、仿真预览与APKexport
- Online Simulation:Edit器内置仿真引擎——选择仿真模式后,可以模拟Modbus变量变化,观察界面控件的动态Response,验证变量绑定和事件逻辑是否正确
- 预览模式:全屏预览最终界面效果,检查在不同分辨率下的显示效果
- APKexport:将工程export为Android APK安装包,可直接安装到安卓触摸屏上运行
五、模板预览Tools
独立于Edit器的轻量化预览页面——浏览模板库中的模板时,可直接进入预览模式View该模板的界面和仿真效果,无需创建工程。适合快速筛选模板。
六、远程协助Tools
远程协助Tools解决了“现场出了问题,但专家不在现场”的痛点:
- 远程桌面:分享屏幕画面给对方,支持实时涂鸦标注(圈出问题区域、画箭头指示等)
- 远程debug:授权远程用户通过小程序connect客户的Modbus设备,直接senddebug指令——等于专家”远程Operation”了客户现场的RS485总线
- 通信日志同步:远程debug过程中的所有通信记录自动保存,方便事后分析
- 安全机制:一次性授权码,过期失效;权限分离(仅View/可Operation/完全控制)
七、触摸屏辅助Tools
触摸屏辅助Tools是在物理触摸屏设备(如WPF触摸屏、Android触摸屏)上运行的辅助debug模块:
- 触摸校准:四点/九点触摸校准,修正触摸屏坐标偏移
- 屏幕测试:纯色测试(红/绿/蓝/白/黑)检测坏点、灰度渐变测试检测色彩还原、触摸划线测试检测触摸精度和Response
- 串口测试:在触摸屏设备上直接测试RS232/RS485串口的收发Function
- 网络测试:在触摸屏设备上测试以太网/WiFiconnect状态
- system信息:View触摸屏设备的system参数(Android版本/分辨率/内存/存储等)
八、MyEMS能源管理systemdebug
MyEMS是开源的建筑能源管理system,广泛用于商业楼宇的能耗监测和优化。能源管理Debug Tools提供了:
- 能耗Data Acquisition:通过Modbus RTU/TCP采集电表、水表、气表、热量表等计量设备的data
- 分项计量:将能耗data按照明/空调/动力/插座等进行分项归类
- 能效分析:单位面积能耗(EUI)、同比/环比分析、尖峰平谷分时分析
- 报警管理:能耗异常报警(如夜间非工作time仍有大功率设备运行)
- dataexport:export为CSV/Excelformat,支持对接MyEMS平台或其他能源管理system
九、总结
从HMI触摸屏interface design到AI智能生成、从本地仿真到APKexport、从远程协助到能源管理——「modbusdebugAssistant」不仅仅是一个Debug Tools集,它是一套完整的“设计→debug→部署→运维”Automation开发平台。
打开微信Search 「modbusdebugAssistant」,体验手机端的Automation全流程开发。
推荐阅读:为什么 Modbus 如此受欢迎? | 什么是 Modbus?
🎯 本文所述AllTools均在微信小程序中free使用
打开微信 → 点击顶部Search → 输入 「modbusdebugAssistant」 → 进入小程序。
无需DownloadAPP、无需RegisterLogin、无需电脑——70+ 款工控Debug Tools,掏出手机就能用。
无论你是在工程现场、出差途中、还是在家学习,modbusdebugAssistant都是你随身的Automationdebug工作站。
发表回复