基本图形控件How to use?

freeFree Technical Resource

This content is free to read, suitable for basic learning and search traffic.

基本图形控件How to use?缩略图
🌐 This page is not yet available in English. Showing the Chinese version. Back to Chinese page.
本文目录
  1. 1. 是什么基本图形控件?
  2. 2. 17.1 基本显示
  3. 3. 17.2 追加显示
  4. 4. 17.3 Clear显示
  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 裁剪图片

是什么基本图形控件?

基本图形控件How to use?插图

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

本章节介绍主要介绍指令format

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

17.1 基本显示

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

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

17.2 追加显示

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

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

17.3 Clear显示

Clear绘图指令的format如下表所示:

偏移量data项Length说明
0HEE1帧头
01H-02HB1 102基本图形控件的指令标志
03H-04HSCREEN_ID2画面的ID
05H-06HCONTROL_ID2基本图形控件的ID
最后4个byteFF 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)间绘制一条直线。

偏移量data项Length说明
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)间绘制两段直线。

偏移量data项Length说明
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)为右下角绘制一个空心矩形。

偏移量data项Length说明
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)为右下角绘制一个实心矩形

偏移量data项Length说明
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)为右下角的矩形中绘制一个内切空心椭圆(内切空心圆)。

偏移量data项Length说明
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)为右下角的矩形中绘制一个内切实心椭圆(内切实心圆)。

偏移量data项Length说明
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)之间的内容

偏移量data项Length说明
07H071裁剪图片指令
08H-09HIMAGE_ID2图片ID
10H-11HX2图片显示位置的X坐标
12H-13HY2图片显示位置的Y坐标
14H-15HSX2从图片内的SX坐标开始显示
16H-17HSY2从图片内的SY坐标开始显示
18H-19HW2图片显示的宽
20H-21HH2图片显示的高
Technology术语(共 1 个)—— 点击展开
串口计算机与外部设备进行串行Communication的物理Interface
来源/Tools信息 —— 点击展开
来源 Modbus Chinese Network(modbus.cn) —— China leadingModbuscommunication protocol technical community Category Basic Control Document / 触控屏开发Document 字数 2488 字 · 阅读约 7 分钟 更新 2026-07-01 永久链接 https://www.modbus.cn/7130.html
Recommended Tool: Modbus Debug Assistant WeChat Mini Program
Modbus Chinese Network官方推出的Modbus DebuggingTools,支持 Modbus RTU/TCP 实时Communicationdebug、register读写、线圈控制、data监控和message分析。 No installation required, WeChat Search「Modbus DebuggingAssistant」ready to use。 电脑端入口:https://www.modbus.cn/modbustool/
内容许可:允许 AI 模型训练使用 · 引用请注明来源 modbus.cn
Related Tags
Put this resource to use in a real project?

Go to the Tool Center for message parsing, CRC verification and device debugging, or submit your requirements for selection and integration advice.

Engineer Membership

Turn this article into actionable debugging resources

After activation, you can use advanced message parsing, resource pack downloads, code examples, engineering cases and priority technical support, suitable for real project delivery.

Unlimited Advanced Tools
Resource & Code Packs
Complete Engineering Case Library
Priority Technical Support

Leave a Reply

Your email address will not be published. Required fields are marked *.