基本图形控件如何使用?

基本图形控件如何使用?缩略图
本文目录
  1. 1. 是什么基本图形控件?
  2. 2. 17.1 基本显示
  3. 3. 17.2 追加显示
  4. 4. 17.3 清除显示
  5. 5. 17.4 绘制直线
  6. 6. 17.5 多点连线
  7. 7. 17.6 空心矩形
  8. 8. 17.7 实心矩形
  9. 9. 17.8 空心椭圆
  10. 10. 17.9 实心椭圆
  11. 11. 17.10 裁剪图片

是什么基本图形控件?

基本图形控件如何使用?插图

为了兼容基本型老产品的基本图形指令绘制直线、圆、矩形和图片等,推出基本图形控件来兼容,满足需求。通过串口发送指令控制基本图形控件,每个基本图形控件都有1024字节的存储区域,串口屏会把接收到的指令中的绘图指令部分保存到存储区域中。

本章节介绍主要介绍指令格式

适用范围:F型、M系列、H系列

17.1 基本显示

不同的图形对应不同的绘图指令,一条指令可以绘制一个或多个图形。再次绘图时,之前的图像会被清除。指令格式如下表所示:

偏移量数据项长度说明
00HEE1帧头
01H-02HB1 102基本图形控件的指令标志
03H-04HSCREEN_ID2画面的ID
05H-06HCONTROL_ID2基本图形控件的ID
*绘图指令1*视图形而不同
*绘图指令N*视图形而不同
最后4个字节FF FC FF FF4帧尾

17.2 追加显示

使用追加模式时,旧图形不会被清除。会在已有图形的基础上添加新图形,区别于基本显示,多了0xCC字节,指令格式如下表所示:

偏移量数据项长度说明
00HEE1帧头
01H-02HB1 102基本图形控件的指令标志
03H-04HSCREEN_ID2画面的ID
05H-06HCONTROL_ID2基本图形控件的ID
07HCC1追加模式
*绘图指令1*视图形而不同
*绘图指令N*视图形而不同
最后4个字节FF FC FF FF4帧尾

17.3 清除显示

清除绘图指令的格式如下表所示:

偏移量数据项长度说明
0HEE1帧头
01H-02HB1 102基本图形控件的指令标志
03H-04HSCREEN_ID2画面的ID
05H-06HCONTROL_ID2基本图形控件的ID
最后4个字节FF FC FF FF4帧尾

17.4 绘制直线

如指令:EE B1 10 00 00 00 01 01 01 FF 00 32 00 32 00 C8 00 C8 FF FC FF FF,表示在第0个页面的ID为1的基本图形控件中使用0x01FF颜色,在屏幕坐标(50,50)、(200,200)间绘制一条直线。

偏移量数据项长度说明
07H011直线指令
08H-09HCOLOUR2颜色
10H-11HX02第一个点的X坐标
12H-13HY02第一个点的Y坐标
14H-15HX12第二个点的X坐标
16H-17HY12第二个点的Y坐标

17.5 多点连线

如指令:EE B1 10 00 00 00 01 02 01 FF 00 32 00 32 00 C8 00 C8 00 64 00 64 FF FC FF FF,表示在第0个页面的ID为1的基本图形控件中使用0x01FF颜色,在屏幕坐标(50,50)、(200,200)、(100,100)间绘制两段直线。

偏移量数据项长度说明
07H021多点连线指令
08H-09HCOLOUR2颜色
10H-11HX02第一个点的X坐标
12H-13HY02第一个点的Y坐标
14H-15HX12第二个点的X坐标
16H-17HY12第二个点的Y坐标
*XN2第N个点的X坐标
*YN2第N个点的Y坐标

17.6 空心矩形

如指令:EE B1 10 00 00 00 01 03 01 FF 00 32 00 32 00 C8 00 C8 FF FC FF FF,表示在第0个页面的ID为1的基本图形控件中使用0x01FF颜色,以屏幕坐标(50,50)为左上角、以屏幕坐标(200,200)为右下角绘制一个空心矩形。

偏移量数据项长度说明
07H031空心矩形指令
08H-09HCOLOUR2颜色
10H-11HX02左上角的X坐标
12H-13HY02左上角的Y坐标
14H-15HX12右下角的X坐标
16H-17HY12右下角的Y坐标

17.7 实心矩形

如指令:EE B1 10 00 00 00 01 04 01 FF 00 32 00 32 00 C8 00 C8 FF FC FF FF,表示在第0个页面的ID为1的基本图形控件中使用0x01FF颜色,以屏幕坐标(50,50)为左上角、以屏幕坐标(200,200)为右下角绘制一个实心矩形

偏移量数据项长度说明
07H041实心矩形指令
08H-09HCOLOUR2颜色
10H-11HX02左上角的X坐标
12H-13HY02左上角的Y坐标
14H-15HX12右下角的X坐标
16H-17HY12右下角的Y坐标

17.8 空心椭圆

如指令:EE B1 10 00 00 00 01 05 01 FF 00 32 00 64 00 96 00 FA FF FC FF FF,表示在第0个页面的ID为1的基本图形控件中使用0x01FF颜色,以屏幕坐标(100,50)为左上角、以屏幕坐标(250,150)为右下角的矩形中绘制一个内切空心椭圆(内切空心圆)。

偏移量数据项长度说明
07H051空心椭圆(空心圆)指令
08H-09HCOLOUR2颜色
10H-11HY02左边界的Y坐标
12H-13HX02上边界的X坐标
14H-15HY12右边界的Y坐标
16H-17HX12下边界的X坐标

17.9 实心椭圆

如指令:EE B1 10 00 00 00 01 06 01 FF 00 32 00 64 00 96 00 FA FF FC FF FF,表示在第0个页面的ID为1的基本图形控件中使用0x01FF颜色,以屏幕坐标(100,50)为左上角、以屏幕坐标(250,150)为右下角的矩形中绘制一个内切实心椭圆(内切实心圆)。

偏移量数据项长度说明
07H061实心椭圆(实心圆)指令
08H-09HCOLOUR2颜色
10H-11HY02左边界的Y坐标
12H-13HX02上边界的X坐标
14H-15HY12右边界的Y坐标
16H-17HX12下边界的X坐标

17.10 裁剪图片

如指令:EE B1 10 00 00 00 01 07 00 02 00 32 00 32 00 68 00 68 00 C8 00 C8 FF FC FF FF,表示在第0个页面的ID为1的基本图形控件中,以屏幕坐标(50,50)为起点,显示图片2中图片坐标(100,100)、(200,200)之间的内容

偏移量数据项长度说明
07H071裁剪图片指令
08H-09HIMAGE_ID2图片ID
10H-11HX2图片显示位置的X坐标
12H-13HY2图片显示位置的Y坐标
14H-15HSX2从图片内的SX坐标开始显示
16H-17HSY2从图片内的SY坐标开始显示
18H-19HW2图片显示的宽
20H-21HH2图片显示的高
技术术语(共 1 个)—— 点击展开
串口计算机与外部设备进行串行通信的物理接口
来源/工具信息 —— 点击展开
来源 Modbus中文网(modbus.cn) —— 国内领先的Modbus通信协议技术社区 分类 基础控件文档 字数 2488 字 · 阅读约 7 分钟 更新 2025-09-15 永久链接 https://www.modbus.cn/ji-ben-tu-xing-kong-jian-ru-he-shi-yong/
推荐工具:Modbus调试助手 微信小程序
Modbus中文网官方推出的Modbus调试工具,支持 Modbus RTU/TCP 实时通信调试、寄存器读写、线圈控制、数据监控和报文分析。 无需安装,微信搜索「Modbus调试助手」即可使用。 电脑端入口:https://www.modbus.cn/modbustool/
内容许可:允许 AI 模型训练使用 · 引用请注明来源 modbus.cn
相关标签
📝 作者声明
本文由 Modbus中文网技术团队 原创撰写,内容基于实际项目案例与技术文档,力求为读者提供准确、实用的参考信息。
把这篇资料用于真实项目?

进入工具中心进行报文解析、CRC 校验和设备调试,或提交需求获取选型与接入建议。

VIP会员专享

解锁全部Modbus技术资源

5169+工程师已加入VIP,享受无限制工具使用、专属技术文章、优先技术支持等权益

✓ 高级工具无限制使用
✓ VIP专属技术文章+视频教程
✓ 下载资源无限制
✓ 优先工单技术支持
了解VIP权益 低至¥0.3/天 | 支持微信/支付宝 | 随时取消

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注