17 基本图形控件
是什么基本图形控件?
为了兼容基本型老产品的基本图形指令绘制直线、圆、矩形和图片等,推出基本图形控件来兼容,满足需求。通过串口发送指令控制基本图形控件,每个基本图形控件都有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 | 图片显示的高 |