澳门新葡亰App「主页」·欢迎您

    <optgroup id="yjqgf"></optgroup>

  1. <optgroup id="yjqgf"></optgroup>
    1. 技术文章

      当前页面: 首页 >技术文章 >上海迅饶发布WEB在线版组态编辑器

      上海迅饶发布WEB在线版组态编辑器

      供稿:上海迅饶自动化科技有限公司 2020/11/4 13:51:11

      0 人气:57

      1. 支持在线WEB编辑器的产品型号如下:

      WEB组态网关:

      HMI2004-Lite

      HMI2004-ARM

      HMI2004-ARM-4G

      HMI2004-ARM-WIFI

      HMI2004-A9

      HMI2004-A9-4G

      WEB组态触摸屏:

      I7-1031(经济型电容屏)

      W7-1041

      W7-1041C(电容屏)

      W7-1041-4G

      W10-1041

      W10-1041-4G

      W15-1041

      2.快速开始(以W7-1041工程为例)

      将X2View软件下的示例工程W7-1041上传到网关或者触摸屏中,本教程使用的网关IP地址都是出厂默认的地址192.168.1.88

      图片1.png

      然后用浏览器打开web版组态编辑软件,输入http://192.168.1.88/editor.html

      或在网关后台点击HMI编辑器

       微信图片_20201104135955.png

      打开编辑器如图:

      图片2.png

      从上图中可以看出,欢迎界面包括四部分,第一部分是中间的画布,第二部分是左边的页面管理器,第三部分是下边的图库界面,第四部分是右下角的温馨提示。

      之前我们上传了一个示例工程,就是页面管理器中Page0页面,我们现在可以将Page0页面加载到画布中进行编辑显示。

       图片3.png

      现在Page0页面已经加载到画布中,我们可以针对这个页面的内容进行修改,可以先添加一个矩形,如下图所示,选中最左边的矩形框,然后在画布中拖拽

      图片4.png

      矩形框就加载到画布中来了,针对添加的矩形,我们可以自由设置透明度,颜色,边框等等属性。

      图片5.png

      双击矩形元素,可以弹出自定义属性选项,此部分与迅饶X2View软件内置的HMIEditor软件功能一样,详细使用可参考X2View软件下的help文件夹,里面的HMIEditor-Ch.pdf文档。

      图片6.png

      此教程中,我们可以设置部分属性来属性此软件的使用,如下图所示,我们设置填充颜色,模拟属性。

      图片7.png

      点击外部变量,选择自定义的点位,双击右侧具体点位的名称即可选中当前点位。

      图片8.png

      绑定完了具体的点位后,设置其他属性,完整的属性配置如下所示,配置完了点击确定按钮,然后关闭自定义弹窗。

      图片9.png

      图片10.png

      我们现在增加了一个矩形框,然后绑定了对应的点位,上面的操作都是编辑态,现在我们来尝试在运行态的时候,一切功能是否正常。

      首先,应该将画布中的内容保存到页面中,鼠标右键页面管理器,然后点击保存工程,如下图所示:

      图片11.png

      保存成功后,页面会弹出成功提示,点击确定按钮关闭提示。

      图片12.png

      然后,点击页面管理器中的Page0按钮,访问页面的运行态。

      图片13.png

      可以在浏览器中看到我们刚刚修改的内容已经生效。

      图片14.png

      就这样,我们实现WEB功能的简单编辑。

      备注:需要详细说明书,可直接联系本公司人员。

      审核编辑(王静)
      更多内容请访问 上海迅饶自动化科技有限公司(http://c.gongkong.com/?cid=51305)

      手机扫描二维码分享本页

      工控网APP下载安装

       

      我来评价

      评价:
      一般
      澳门新葡亰App