绘图板应用 中文版

1、北京迪文科技有限公司北京迪文科技有限公司绘图板功能应用攻略北京迪文科技有限公司 目 录概述实现广告机功能（图片轮播、局部动画）自定义实时通知功能位图显示图形化数据显示（饼图、柱状图等）指定内容转换为位图打印输出渐变色指示效果北京迪文科技有限公司北京迪文科技有限公司概述北京迪文科技有限公司概述n 注意事项： 通过绘图板绘制的图形数据均储存在RAM中，掉电不保存。若需上电显示，需事先写入22文件中。n DGUS提供的绘图板功能可帮助客户实现多种绘图功能：置点、连线、矩形绘制、圆弧绘制、颜色填充、频谱显示、字符显示、图标显示、图像显示、图像放大等十六种功能。n 通过这些功能可以实现广告机、显示图像数

2、据、实时通知等应用功能。北京迪文科技有限公司概述步骤一：通过DGUS软件在界面上框选处绘图板区域；步骤二：按指定格式发送指令，实现所需效果。n 绘图板使用方法北京迪文科技有限公司北京迪文科技有限公司实现广告机功能北京迪文科技有限公司实现广告机功能n 画板工具的“图片区域剪切黏贴”绘图指令可以实现在指定区域显示指定图片内容的功能。n 以一定频率剪切不同的图片内容至画板控件，可实现如下效果：1.图片轮播北京迪文科技有限公司实现广告机功能绘图指令操作相对地址(字)长度(字)定义说明0 x0006图片区域剪切、粘贴0 x001Pic_ID待剪切图片区域所在页面的ID。高字节为判断条件。0 x012(x

3、,y)s待剪切图片区域的左上角坐标。0 x032(x,y)e待剪切图片区域的右下角坐标。0 x052(x,y)待粘贴图片区域的左上角坐标。n 图片区域剪切粘贴指令说明n 如何发送一条完整的DGUS指令？5A A5218210 0000 0600 0100 0900 6400 6402 BC01 9000 6400 64帧头数据长度指令变量地址 绘图指令数据包个数PIC_ID(X,Y)s(X,Y)e(X,Y)北京迪文科技有限公司实现广告机功能5A A5218210 0000 0600 0100 0900 6400 6402 BC01 9000 6400 64帧头数据长度指令变量地址绘图指令数据包

4、个数PIC_ID(X,Y)s(X,Y)e(X,Y)n DGUS指令解析数据长度该项右侧全部数据的字节长度。指令DGUS指令。DGUS共五条指令，分别用于寄存器、变量储存空间、曲线缓存区的数据交换。82指令用于向变量储存空间下发数据。绘图指令共16条绘图指令，每条绘图指令对应不同功能，该处0 x0006对应功能为图片区域的剪切和粘贴。北京迪文科技有限公司实现广告机功能n 可以看出，只需以一定周期循环发送该指令，即可实现在界面上显示广告图片循环播放的效果。那么，如何在图片上增加动画效果呢？北京迪文科技有限公司实现广告机功能n 将动画图标功能和图片轮播效果结合，可以实现图片局部动画的效果。实现更好的

5、广告效果。n 需要注意的是，每张图片对应的动画图标文件需单独制作，并在程序中正确的设置对应关系以防止显示错误。2.带动画效果的图片广告北京迪文科技有限公司北京迪文科技有限公司自定义实时通知功能北京迪文科技有限公司自定义实时通知功能n 通过画板工具的“字符显示”绘图指令可以实现在指定区域显示字符的功能。n 应用举例 替换原画板内容（如图像等）。发布临时通告内容时，可用该指令发送字符至控件所在区域。 文字浮于上方。多层绘图控件叠加使用时，可向最上层控件发送字符，使文字浮于图像上方。北京迪文科技有限公司自定义实时通知功能绘图指令操作相对地址(字)长度(字)定义说明0 x000C字符显示0 x001C

6、olor0字符颜色。0 x012(X,Y)0字符显示位置。该坐标为字符左上角坐标。X坐标高字节为判断条件。0 x031Lib_ID（高字节）字库编号。En_Mode（低字节）字库编码模式：0=8 bit, 1=GB2312, 2=GBK, 3=BIG5, 4=SJIS, 5=UNICODE。0 x041X_Dots（高字节）字符X方向点阵数。Y_Dots（低字节）字符Y方向点阵数。0 x051Text0字符数据。n 字符显示指令说明注1：迪文DGUS屏自带有编号为0的ASCII字库，该字库包含了4*864*128范围内的全部ASCII字符，可直接调用。注2：如需显示非ASCII编码的字符，需事

7、先将相应字库通过SD卡下载至屏中。北京迪文科技有限公司自定义实时通知功能n 如何发送DGUS指令？5A A5198210 0000 0C00 0100 0900 6400 640000102000 61帧头数据长度指令变量地址 绘图指令数据包个数Color(X,Y)Y_DotsX_DotsTextEn_ModeLib_ID高字节/低字节一个字由四位十六进制数字组成，其中左边两位为低字节，右边两位为高字节。字符编码模式此处为低字节，写00，代表字符的编码模式为8bit。字库编号此处为高字节，写00，代表调用DGUS自带的0号ASCII字库。字符数据每个字符编码占用一个字的空间。字符编码本身不足四

8、位时，在低字节处补零。例如此处显示ASCII编码的字母A，A的十六进制编码为61，应写0061。n 指令解析Low ByteHigh ByteLow ByteHigh Byte指令效果：显示点阵大小为16*32的，8 bit编码方式的ASCII字符A。北京迪文科技有限公司自定义实时通知功能n 通过控制多行字符的显示时间、显示位置，可实现动态显示文字的效果：逐字显示，逐行显示等等。花样用法n 通过在DGUS中下载不同点阵大小、不同字体的字库，可同时显示多种字号的文字。如此使重点文字更加突出。北京迪文科技有限公司北京迪文科技有限公司位图显示北京迪文科技有限公司位图显示n 通过0 x000E和0 x

9、000F两条指令可分别显示两种类型的位图图像：双色位图、普通16bit位图。n 发送图像数据时，只需向指定的区域发送像素点色彩数据即可。n 双色位图与位图的区别 双色位图 位图将图像数据转换为至多两种颜色的像素点来显示。这种显示方法可用于显示数据量较大、无需显示彩色图像的场合。显示16 bit的RGB格式彩色图像。受RAM空间大小限制，最大显示位图为196*146（4:3）或226*126（16:9）。北京迪文科技有限公司n 双色位图指令说明绘图指令操作相对地址长度(字)定义说明0 x000E双色位图显示0 x002(X,Y)s图像显示区域的左上角坐标。X和Y分别占用一个字，不足一个字时，在左

10、侧补零。0 x021X_Dots定义位图显示区域的大小。X_Dots为X方向点阵数，Y_Dots为Y方向点阵数。0 x031Y_Dots0 x041Color1定义“0”和“1”分别对应的颜色0 x051Color00 x06NData_Pack图像数据。每个像素点数据均占用一个字，不足时补零。n 数据处理方式：将传入的图像数据转换为2进制，然后用0和1分别对应的颜色去填充，从而实现双色位图的成像。位图显示北京迪文科技有限公司n 普通位图指令说明绘图指令操作相对地址长度(字)定义说明0 x000F位图显示0 x002(X,Y)s图像显示区域的左上角坐标。X和Y分别占用一个字，不足一个字时，在左

11、侧补零。0 x021X_Dots定义位图显示区域的大小。X_Dots为X方向点阵数，Y_Dots为Y方向点阵数。0 x031Y_Dots0 x06NData_Pack图像数据。每个像素点数据均占用一个字，不足时补零。像素点数据应符合DGUS使用的5R6G5B格式。可见，两种位图显示指令的不同之处在于，双色位图需分别定义0和1对应的颜色。位图显示北京迪文科技有限公司5A A5218220 0000 0E00 0100 6400 6401 2C00 C8FF FF00 0000 1F帧头数据长度指令变量地址 绘图指令数据包个数(X,Y)sY_DotsX_DotsData_PackColor1指令效

12、果：将蓝色图像（001F）转换为由白色和黑色两种颜色显示的图像，图像显示区域左上角坐标为（100,100），显示区域大小为300*200。n 如何发送DGUS指令（以双色位图为例）Color0位图显示北京迪文科技有限公司北京迪文科技有限公司图形化数据显示北京迪文科技有限公司图形化数据显示n 在某些应用场合中需要将数据处理并显示为饼状图、柱形图、折线等。通过图形化的显示可以使数据变化更加形象、直观。n 绘图板提供的端点连线、线段显示、频谱显示、矩形绘制、圆弧绘制、颜色填充等功能可实现多样化的图形绘制。北京迪文科技有限公司图形化数据显示n 指令说明（置点、折线绘制）绘图指令操作相对地址长度(字)定

13、义说明0 x0001置点0 x002(X,Y)置点坐标。X和Y分别占一个字，不足一个字时，在左侧补零。0 x021Color置点颜色。绘图指令操作相对地址长度(字)定义说明0 x0002端点连线0 x001Color线条颜色。0 x012(X,Y)0阵线顶点0坐标。X和Y分别占一个字，不足一个字时，在左侧补零。0 x032(X,Y)1阵线顶点1坐标。0 x01+2n2(X,Y)n阵线顶点2坐标。北京迪文科技有限公司5A A5N8220 0000 0200 01F8 0000 6400 7801 2C00 C8帧头数据长度指令变量地址 绘图指令数据包个数Color(X,Y)1(X,Y)0指令效果

14、：显示多条端点相连的红色线段连接而成的折线图。n 如何通过指令绘制折线？(X,Y)nn 设置多层画板时，可在同一区域显示多条折线。n 配合数据、文本等显示功能，可实现图文结合的显示效果。图形化数据显示北京迪文科技有限公司n 指令说明（柱形图绘制）绘图指令操作相对地址长度(字)定义说明0 x0003矩形绘制0 x002(X,Y)s矩形左上角坐标。X和Y分别占一个字，不足一个字时，在左侧补零。0 x022(X,Y)e矩形右下角坐标。0 x041Color矩形框颜色。绘图指令操作相对地址长度(字)定义说明0 x0004矩形填充0 x002(X,Y)s矩形左上角坐标。X和Y分别占一个字，不足一个字时，

15、在左侧补零。0 x022(X,Y)e矩形右下角坐标。0 x041Color矩形区域填充颜色。n 两条指令可单独使用，分别可显示空心矩形、单色填充的实心矩形两种形态。n 两条指令结合使用时，可显示边框、内部颜色不同的矩形。图形化数据显示北京迪文科技有限公司5A A5178220 0000 0300 0100 6400 6401 2C00 C8FF FF帧头数据长度指令变量地址 绘图指令数据包个数(X,Y)s(X,Y)eColorn 如何通过发送指令显示矩形柱？（以空心矩形为例）指令效果：显示左上角坐标为（100,100），右下角坐标为（300,200），边框为黑色的矩形框。图形化数据显示北京迪文

16、科技有限公司n 指令说明（饼状图、扇形图绘制）绘图指令操作相对地址长度(字)定义说明0 x0005整圆弧绘制0 x002(X,Y)圆心坐标。X和Y分别占一个字，不足一个字时，在左侧补零。0 x021Rad半径。0 x031Color圆弧颜色。绘图指令操作相对地址长度(字)定义说明0 x000B圆弧显示0 x001Color圆弧颜色。0 x012(X,Y)圆心坐标。X和Y分别占一个字，不足一个字时，在左侧补零。0 x031Rad圆弧半径。0 x041Deg_S起始角度。DGUS的单位角度为0.5，完整圆周的角度为0720。在使用时需注意换算。0 x051Deg_E终止角度。图形化数据显示北京迪文

17、科技有限公司5A A5198220 0000 0B00 0100 0001 2C00 C800 6400 0001 68帧头数据长度指令变量地址 绘图指令数据包个数ColorRad（X,Y）Deg_S指令效果：圆心坐标为（300,200）、半径为100像素的白色圆弧，起始角度为0度，终止角度为180度。注：DGUS中完整圆周的角度为720度，故所需角度为180度时应设置360度。n 如何发送DGUS指令（以双色位图为例）Deg_E图形化数据显示北京迪文科技有限公司图形化数据显示n 指令说明（线段、频谱的绘制）绘图指令操作相对地址长度(字)定义说明0 x000A线段绘制0 x001Color线段

18、颜色。0 x012(X,Y)s线段起始点坐标。X和Y分别占一个字，不足一个字时，在左侧补零。0 x032(X,Y)e线段终止点坐标。绘图指令操作相对地址长度(字)定义说明0 x0009频谱绘制(垂直线段)0 x001Color线段颜色。0 x013Xs, Ys, Ye线段起始点横纵坐标，终止点纵坐标。三个值分别各占一个字，不足一个字时在左侧补零。频谱绘制是线段绘制的简化，在绘制竖直方向的线段时，指令结构更简单一些。北京迪文科技有限公司5A A5158220 0000 0900 01FF FF01 2C00 6400 C8帧头数据长度指令变量地址 绘图指令数据包个数ColorYsXsYe指令效果

19、：在横坐标（300,100）处向上画出长度为100像素的线段，线段颜色为黑色。n 如何发送DGUS指令（以频谱为例）图形化数据显示北京迪文科技有限公司北京迪文科技有限公司位图打印输出北京迪文科技有限公司位图打印输出n DGUS的硬件参数中已经涵盖了将指定区域的内容转换成单色位图的功能，将该功能与绘图板结合，可在图形化数据显示的基础上实现图形的打印。n 实现步骤：步骤一：在界面上的打印按键处添加“硬件参数配置控件”。将Mode设置为02或05。步骤二：正确设置打印指令即可。n 效果：指定区域通过纵向取模或者横向取模的方式转换成单色 位图，然后通过串口发送至打印机。北京迪文科技有限公司位图打印输出

20、n 打印指令纵向取模0 x02Tran_Area将要转换的区域坐标：(Xs,Ys)(Xe,Ye)1、区域宽度（Xe-Xs+1）必须是偶数；2、区域高度（Ye-Ys+1）必须是8的倍数；3、*VP指针保存数据格式如下： *VP：状态位，处理完后设置成0 x5555； *VP+1：横向字长度=(Xe-Xs+1）&0 xFFFE/2； *VP+2：数据段个数=(Ye-Ys+1）&0 xFFF8/8； *VP+3：位图数据开始，MSB方式。*VP保存转换位图数据的RAM区域首地址0 x05Tran_Area将要转换的区域坐标：(Xs,Ys)(Xe,Ye)1、区域宽度（Xe-Xs+1）必须是16的倍数；2、*VP指针保存数据格式如下： *VP：状态位，处理完后设置成0 x5555； *V