【拓普微智能显示屏测评】2.2 SGTools图形编辑软件之键盘、曲线、二维码应用

物联创客 发表于 2021-12-3 21:04

<div class='showpostmsg'>项目中用到了界面输入密码功能，需要在输入框中键入相应的密码，键入完毕后通过串口发送至下位机，SGTools正好提供了强大的键盘功能，在工具栏中  ，三种不同形式的键盘，只需将此控件拖入屏幕页面，即可在页面生成键盘界面，  ，如果想要采用SGToolS官方的按键背景，则选择“是”即可。

生成的键盘界面如下：

  

这里的数字及字母按键默认所对应的VP变量为：0x000000-BUF

  

即按键按下后产生的对应字符都会在VP：0x000000-BUF中，那么我们创建一个字符串控件用来显示VP：0x000000-BUF中的内容即可，需要注意字符串所对应的VP设置为VP：0x000000-BUF即可。  

实际在屏幕运行效果图如下：

  

通过屏幕按键键入“123456”，然后点击“OK”后，可以看到屏幕串口输出：

  

这样，下位机即可通过串口接收到的数据中解析出密码，并进行判断即可。

   如果下位机检测到密码正确，那么通过向屏幕发送切换指定页面指令即可切换到下一级界面：发送指令如：aa 70 00 01 cc 33 c3 3c （切换到显示界面1）

  

 

项目要实现PH、ORP等参数的历史数据显示曲线功能，这就要用到SGTools工具的曲线显示控件  ，使用起来也相对简单，直接拖拽到要显示的区域，然后需要给曲线添加变量VP，那么这里需要是专用的曲线显示变量VP，  

新建的数字变量中的长度是自定义的，其实就是数组的长度，这需要根据自身实际显示曲线的范围来设置，比如我这里设置的长度是770，也就是曲线显示的横坐标的长度。然后在曲线的属性中设置VP为0x060000 即可。

  其中的最大值和最小值设置即曲线纵坐标的最大值和最小值。配置完成以后看一下实际效果，

通过串口向屏幕发送曲线数据指令：AA 4D 00 06 00 00 00 02 00 32 00 33 CC 33 C3 3C

注意这条指令是向曲线发送了两条数据，分别为00 32 和00 33 ，这种指令的效果就是发送几个数据，就代表几个坐标，就只显示这几个坐标的数据，当然坐标是从最左边开始算。效果如下：（仅仅在前两个坐标显示了曲线像素）

   

如果想要显示整个坐标范围的曲线就必须一次性向屏幕发送整个坐标范围数量的数据，那么指令将相当长。

那么我们采用发送：AA 4E 00 06 00 00 00 f2 00 93 CC 33 C3 3C

这条指令运用了左推进写曲线数据：

  

  

也就是可以指定一个参考坐标，然后之后发送的数据都会以这个坐标为显示点，这个坐标原来显示的曲线将会向左移动一个坐标，如果在发送一个数据，那么就再次移动一个坐标，这样就实现了随着时间的推移，显示的曲线也在将旧的曲线退出，新的曲线从右面进来。

实际的显示效果如下：（这里曲线显示采用填充式）

  

曲线显示的功能注意下数组变量的宽度和曲线VP的最大值和最小值即可。

项目还采用了二维码显示的功能，用于给用户绑定设备提供交互方式，这里采用二维码包含“http://www.baidu.com” 字符串网址的例子来说明下二维码的使用。

直接将工具栏中二维码控件  拖入要显示的界面区域，并在属性中为其添加指定的VP地址，这里我们需要在二维码中包含字符串，所以选择VP=0x000080

  

属性中可以看到VP变量可以包含的内容最大长度为154字节，这已经足以满足我们的要求，当然如果不够用还可以选择包含更多的大小格式。

配置完毕后，通过发送串口指令给屏幕进行测试，由于是向普通的字符串变量VP写指令，那么直接按照写指令发送即可：AA 42 00 00 00 80 68 74 74 70 3a 2f 2f 77 77 77 2e 62 61 69 64 75 2e 63 6f 6d 00 CC 33 C3 3C

指令中的68 74 74 70 3a 2f 2f 77 77 77 2e 62 61 69 64 75 2e 63 6f 6d 对应字符串：<a href="http://www.baidu.com">http://www.baidu.com</a>

实际生成二维码效果如下图：

  
</div><script> var loginstr = '<div class="locked">查看本帖全部内容，请<a href="javascript:;" style="color:#e60000" class="loginf">登录</a>或者<a href="https://bbs.eeworld.com.cn/member.php?mod=register_eeworld.php&action=wechat" style="color:#e60000" target="_blank">注册</a></div>';

if(parseInt(discuz_uid)==0){
(function($){
var postHeight = getTextHeight(400);
$(".showpostmsg").html($(".showpostmsg").html());
$(".showpostmsg").after(loginstr);
$(".showpostmsg").css({height:postHeight,overflow:"hidden"});
})(jQuery);
} </script><script type="text/javascript">(function(d,c){var a=d.createElement("script"),m=d.getElementsByTagName("script"),eewurl="//counter.eeworld.com.cn/pv/count/";a.src=eewurl+c;m.parentNode.insertBefore(a,m)})(document,523)</script>

soso 发表于 2021-12-7 10:24

谢谢分享：）

页: [1]

电子工程世界-论坛's Archiver

【拓普微智能显示屏测评】2.2 SGTools图形编辑软件之键盘、曲线、二维码应用