讲课课件HMIWeb课件

1、画面流程图组态 1、HMIWeb Display Builder软件的介绍2、HMIWeb Display的类型 3、脚本编辑 1.1 1.1 概述 HMIWebDisplay Builder 是用于绘制用户流程图、连接显 示数据、组态数据及图形参数的工具，它的基本图素为图 元，图元可以缩放、移动，可定位在画面的任意位置。 流程图画面可以直观形象的显示实际对象的运行状况，提 供用户便捷的监视、操作和控制被控对象的功能。1.2 1.2 绘制流程图前的考虑a、绘制有效流程图应考虑如下方面避免不必要的细节显示的设备和信息风格保持一致非关键参数需要时才显示物流的流向保持一致关键设备可使用不同颜色突出显

2、示减少设备的重叠和管线的交叉避免动画显示避免闪烁显示b、流程图颜色的使用推荐使用浅灰色的背景尽量使用较少的颜色，避免五颜六色整个图颜色风格保持协调一致重要信息使用突出颜色尽量使用单色，避免使用混色c、流程图工作性能的影响因素静态物体的个数位图的使用动态控件的个数文件所占空间的大小三维图形的使用插入的链接动态参数的个数脚本的使用背景图对象按钮对象下拉菜单趋势图数据对象活动对象 从开始菜单启动：StartProgramsHoneywellE x p e r i o n P K S S e r v e r HMIWebDisplayBuilder. 1.3 HMIWeb Display Builde

3、r软件的运行软件的运行 1.4 HMIWeb Display Builder软件的界面布局菜单条工具条物体对象浏览器点浏览器图形编辑窗口工具条从布局上可以看出整个界面包含以下部分：菜单栏（Menus）提供了一些标准菜单所提供的功能工具栏（Toolbar）包含的内容很多，主要涉及：标准工具栏、视图工具栏、工具箱工具栏、绘图工具栏及脚本工具栏等。对象管理器（Object Explorer）是一个强有力的管理和编辑对象的工具。它将显示出将当前视图中所用到的所有对象，若为组合对象，将显示该对象的组合层次。视图界面（Display）是用来绘图的主界面。用户可以双击空白界面，调出视图属性窗口，对该视图的显

4、示大小、背景颜色等进行修改。作图工具介绍 矩形或正方形矩形或正方形 圆角矩形圆角矩形 圆或椭圆（圆或椭圆（shiftshift） 直线直线 非封闭折线非封闭折线 封闭折线封闭折线 圆滑曲线圆滑曲线 弧线弧线 扇形扇形 文本文本 生成链接生成链接 数据的显示数据的显示 复选框复选框 ButtonButton按钮按钮 指示器指示器 下拉菜单下拉菜单 图表图表 ActiveX ActiveX 文件文件 图像图像 插入子图插入子图 插入插入 Active控件控件 事件表事件表 报警表报警表 插入一个报警状态插入一个报警状态 缩放图大小缩放图大小固定网格点绘图固定网格点绘图 显示或隐藏坐标显示或隐藏坐标

5、 显示或隐藏网格显示或隐藏网格显示和隐藏对象表显示和隐藏对象表 道具窗口道具窗口 脚本编辑脚本编辑 样式表样式表 Shape 图库图库 HTML 源源处理工具：处理工具： 将选中图元置最前面将选中图元置最前面 将选中图元置最底下将选中图元置最底下 将选中图元组合将选中图元组合 取消组合取消组合 使图元转向使图元转向9090、180180度度 锁定图元位置锁定图元位置 对齐图形对齐图形 对齐页面对齐页面 绘制矢量图形对象绘制矢量图形对象合并后点击原来图形用变形工具合并图形：用变形工具合并图形： 用用 组合基本图形，用组合基本图形，用 结合组合图形。将会使结合组合图形。将会使 变为变为 。 每一个

6、图元都有一个属性参数，不同的图元又有不同的属性参数。 每一个图元的属性窗口都有几个不同的标签。 图元名图元有效数据联接动画设置Alphanumeric 显示过程数据值None没有数据连接Point/Parameter 连接到点及其参数Database File 连接到数据库文件Database Index连接到数据库索引Data entry allowed: 是否允许操作。及允许操作的级别选择或不选择框标签使用逆逻辑Button 按钮自定义背景调图用于按钮属性的设置,需要在Detail中对按钮的具体动作进行设置 Indicator 指示器指示器的形状指示器起点主图（Display）子图（Sha

7、pe） 一 弹出窗口子图（Popup） 二 顺序子图（Shape Sequence） 三 动态子图（Dynamic Shape）a、保存到C:Program FilesHoneywellExperion PKSclientabstract中b.文件的类型 标准画面(Standard Display)和弹出子图(Popup)均是后缀名为HTM的文件,而动态子图(Dynamic Shape) 和顺序子图(Shape Sequence)是后缀名为SHA的文件.c.画面的调用 在STATION上面的命令行里面输入想要调出的标准画面的名字,直接回车即可选择：点击选择：点击 图标，选择图标，选择 Disp

8、lay 。配置流程图属性。配置流程图属性。选择绘图工具，建立目标对象。选择绘图工具，建立目标对象。设置目标对象的属性。设置目标对象的属性。连接数据。连接数据。保存保存 Display 图类型。图类型。保存文件的缺省文件夹：保存文件的缺省文件夹：Program FilesHoneywellExperion PKSClientAbstract画一张流程图选择流程图的存放地址Station连接添加一个点连接加一个液位显示，输入点细目保存，打开STATION，查找，可以看到新加的点弹出窗口子图popuppopupPopup是出现在操作窗口的另一个窗口在操作画面中点击某物体调出Popup窗口可附加在物体

9、和控件上用于提供信息，显示过程数据和操作过程点等Popup窗口出现后覆盖在流程图上可通过组态使其出现在某固定位置上使用图钉功能使其保持在画面上Popup子图功能和特点添加一个弹入子图存档打开需要添加弹出子图的主图，打开需要弹出子图的设备选择所需弹出子图的位置在STATION中可以看到弹出子图在HMIWeb里可以修改弹出子图的弹出位置添加一个顺序子图画一个顺序子图，注意排序保存画好的顺序子图在主图中链接顺序子图修改顺序子图的参数，包括连接点细目及使用顺序子图在STATION中查看新添加的顺序子图直接在仪表上使用顺序子图设置链接点颜色修改选择方式在STATION中查看新添加的顺序子图添加弹出面板，

10、用于操作阀等设备可直接操作阀添加连续变化的顺序子图在STATION中查看新添加的顺序子图添加动态子图编辑动态子图编辑连接脚本合并保存在主图中输入所要连接的点在STATION中查看新添加的动态子图加按钮编辑按钮按钮描述类型连接设备名称在STATION中查看新添加的按钮 编辑脚本（ScriptScript） 1、Script是附着于某一图形对象上的由特定事件 触发执行的一组代码。通过编写Script脚本代码定义流程图对过程变化的实时显示及过程操作接口。 2、举例说明。 例子：一个风扇的启动和停止。例子：一个风扇的启动和停止。 有三个图元：风扇组、有三个图元：风扇组、Start 按钮和按钮和 Sto

11、p 按钮。按钮。 风扇组是一个风扇组是一个 shape 文件（文件（FEN.DSP)，它由五个图元组成，派成一列。，它由五个图元组成，派成一列。 当文件执行时，按着次序显示五个图形，风扇就转起来了。当文件执行时，按着次序显示五个图形，风扇就转起来了。在在 OnClick 建立一个建立一个 200ms 的计时器，用它来控制风扇转动的速度。的计时器，用它来控制风扇转动的速度。 Sub StartBtn_OnClick() Call CreateTimer(1, 200) End Sub 在在 OnTimer 设置图形显示顺序。设置图形显示顺序。 Sub StartBtn_OnTimer(1TimerID)If Fan.Value = 5 Then Fan.Value = 2 Else Fan.Value = Fan.Value +1 End If End Sub 对对 Start 按钮的脚本编辑：按钮的脚本编辑：在在 OnClick 输入如下内容，恢复风扇为第一个位置（停