17 基本图形控件

是什么基本图形控件?

image-20210519135708391

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

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

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

17.1 基本显示

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

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

17.2 追加显示

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

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

17.3 清除显示

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

偏移量 数据项 长度 说明
0H EE 1 帧头
01H-02H B1 10 2 基本图形控件的指令标志
03H-04H SCREEN_ID 2 画面的ID
05H-06H CONTROL_ID 2 基本图形控件的ID
最后4个字节 FF FC FF FF 4 帧尾

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)间绘制一条直线。

偏移量 数据项 长度 说明
07H 01 1 直线指令
08H-09H COLOUR 2 颜色
10H-11H X0 2 第一个点的X坐标
12H-13H Y0 2 第一个点的Y坐标
14H-15H X1 2 第二个点的X坐标
16H-17H Y1 2 第二个点的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)间绘制两段直线。

偏移量 数据项 长度 说明
07H 02 1 多点连线指令
08H-09H COLOUR 2 颜色
10H-11H X0 2 第一个点的X坐标
12H-13H Y0 2 第一个点的Y坐标
14H-15H X1 2 第二个点的X坐标
16H-17H Y1 2 第二个点的Y坐标
* XN 2 第N个点的X坐标
* YN 2 第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)为右下角绘制一个空心矩形。

偏移量 数据项 长度 说明
07H 03 1 空心矩形指令
08H-09H COLOUR 2 颜色
10H-11H X0 2 左上角的X坐标
12H-13H Y0 2 左上角的Y坐标
14H-15H X1 2 右下角的X坐标
16H-17H Y1 2 右下角的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)为右下角绘制一个实心矩形

偏移量 数据项 长度 说明
07H 04 1 实心矩形指令
08H-09H COLOUR 2 颜色
10H-11H X0 2 左上角的X坐标
12H-13H Y0 2 左上角的Y坐标
14H-15H X1 2 右下角的X坐标
16H-17H Y1 2 右下角的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)为右下角的矩形中绘制一个内切空心椭圆(内切空心圆)。

偏移量 数据项 长度 说明
07H 05 1 空心椭圆(空心圆)指令
08H-09H COLOUR 2 颜色
10H-11H Y0 2 左边界的Y坐标
12H-13H X0 2 上边界的X坐标
14H-15H Y1 2 右边界的Y坐标
16H-17H X1 2 下边界的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)为右下角的矩形中绘制一个内切实心椭圆(内切实心圆)。

偏移量 数据项 长度 说明
07H 06 1 实心椭圆(实心圆)指令
08H-09H COLOUR 2 颜色
10H-11H Y0 2 左边界的Y坐标
12H-13H X0 2 上边界的X坐标
14H-15H Y1 2 右边界的Y坐标
16H-17H X1 2 下边界的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)之间的内容

偏移量 数据项 长度 说明
07H 07 1 裁剪图片指令
08H-09H IMAGE_ID 2 图片ID
10H-11H X 2 图片显示位置的X坐标
12H-13H Y 2 图片显示位置的Y坐标
14H-15H SX 2 从图片内的SX坐标开始显示
16H-17H SY 2 从图片内的SY坐标开始显示
18H-19H W 2 图片显示的宽
20H-21H H 2 图片显示的高
Copyright ©Dacai all right reserved,powered by Gitbook该文件修订时间: 2021-07-02 11:44:21

results matching ""

    No results matching ""