讲课课件HMIWeb课件

2021/6/16 1 画面流程图组态 2021/6/16 2 1、HMIWeb Display Builder软件的介绍2、HMIWeb Display的类型 3、脚本编辑 2021/6/16 3 1.1 概述 HMIWebDisplay Builder 是用于绘制用户流程图、连接显 示数据、组态数据及图形参数的工具，它的基本图素为图 元，图元可以缩放、移动，可定位在画面的任意位置 流程图画面可以直观形象的显示实际对象的运行状况，提 供用户便捷的监视、操作和控制被控对象的功能 2021/6/16 4 1.2 绘制流程图前的考虑a、绘制有效流程图应考虑如下方面 避免不必要的细节 显示的设备和信息风格保持一致 非关键参数需要时才显示 物流的流向保持一致 关键设备可使用不同颜色突出显示 减少设备的重叠和管线的交叉 避免动画显示 避免闪烁显示 2021/6/16 5 b、流程图颜色的使用 推荐使用浅灰色的背景 尽量使用较少的颜色，避免五颜六色 整个图颜色风格保持协调一致 重要信息使用突出颜色 尽量使用单色，避免使用混色 2021/6/16 6 c、流程图工作性能的影响因素 静态物体的个数 位图的使用 动态控件的个数 文件所占空间的大小 三维图形的使用 插入的链接 动态参数的个数 脚本的使用 2021/6/16 7 2021/6/16 8 背 景图 对 象按 钮 对 象 下 拉 菜 单 趋 势 图 数 据 对 象 活 动 对 象 2021/6/16 9 从开始菜单启动：StartProgramsHoneywellE x p e r i o n P K S S e r v e r HMIWebDisplayBuilder. 1.3 HMIWeb Display Builder软 件 的 运 行 2021/6/16 10 1.4 HMIWeb Display Builder软件的界面布局菜 单 条 工 具 条物 体 对 象浏 览 器点 浏 览 器 图 形 编 辑 窗 口 工 具 条 2021/6/16 11 从布局上可以看出整个界面包含以下部分： 菜单栏（Menus）提供了一些标准菜单所提供的功能 工具栏（Toolbar）包含的内容很多，主要涉及：标准工具栏、视图工具栏、工具箱工具栏、绘图工具栏及脚本工具栏等。

对象管理器（Object Explorer）是一个强有力的管理和编辑对象的工具它将显示出将当前视图中所用到的所有对象，若为组合对象，将显示该对象的组合层次 视图界面（Display）是用来绘图的主界面用户可以双击空白界面，调出视图属性窗口，对该视图的显示大小、背景颜色等进行修改 2021/6/16 12 作 图 工 具 介 绍 矩 形 或 正 方 形 圆 角 矩 形 圆 或 椭 圆 （ shift） 直 线 非 封 闭 折 线 封 闭 折 线 圆 滑 曲 线 弧 线 扇 形 文 本 生 成 链 接 数 据 的 显 示 复 选 框 Button按 钮 指 示 器 下 拉 菜 单 图 表 ActiveX 文 件 图 像 插 入 子 图 插 入 Active控 件 事 件 表 报 警 表 插 入 一 个 报 警 状 态 2021/6/16 13 缩 放 图 大 小固 定 网 格 点 绘 图 显 示 或 隐 藏 坐 标 显 示 或 隐 藏 网 格显 示 和 隐 藏 对 象 表 道 具 窗 口 脚 本 编 辑 样 式 表 Shape 图 库 HTML 源 2021/6/16 14 处 理 工 具 ： 将选中图元置最前面 将选中图元置最底下 将选中图元组合 取消组合 使图元转向90、180度 锁定图元位置 对齐图形 对齐页面 2021/6/16 15 绘 制 矢 量 图 形 对 象 合并后点击原来图形 用 变 形 工 具 合 并 图 形 ： 用 组 合 基 本 图 形 ， 用 结 合 组 合 图 形 。

将 会 使 变 为 2021/6/16 16 每 一 个 图 元 都 有 一 个 属 性 参 数 ， 不 同 的 图 元 又 有 不 同 的 属 性 参 数 每 一 个 图 元 的 属 性 窗 口 都 有 几 个 不 同 的 标 签 图 元 名 图 元 有 效 数 据 联 接动 画 设 置 2021/6/16 17 Alphanumeric 显 示 过 程 数 据 值None没 有 数 据 连 接Point/Parameter 连 接 到 点及 其 参 数Database File 连 接 到 数 据 库 文 件Database Index连 接 到 数 据 库 索 引Data entry allowed: 是 否 允 许 操 作 及 允 许操 作 的 级 别 2021/6/16 18 选 择 或 不 选 择 框标 签使 用 逆 逻 辑 2021/6/16 19 Button 按 钮 自 定 义 背 景调 图用 于 按 钮 属 性 的 设 置 ,需 要 在 Detail中 对 按 钮 的 具 体 动 作 进 行 设 置 2021/6/16 20 Indicator 指 示 器 指 示 器 的 形 状指 示 器 起 点 2021/6/16 21 主图（Display）子图（Shape） 一 弹出窗口子图（Popup） 二 顺序子图（Shape Sequence） 三 动态子图（Dynamic Shape） 2021/6/16 22 a、保存到C:Program FilesHoneywellExperion PKSclientabstract中b.文件的类型 标准画面(Standard Display)和弹出子图(Popup)均是后缀名为HTM的文件,而动态子图(Dynamic Shape) 和顺序子图(Shape Sequence)是后缀名为SHA的文件.c.画面的调用 在STATION上面的命令行里面输入想要调出的标准画面的名字,直接回车即可 2021/6/16 23 选 择 ： 点 击 图 标 ， 选 择 Display 。

配 置 流 程 图 属 性 选 择 绘 图 工 具 ， 建 立 目 标 对 象 设 置 目 标 对 象 的 属 性 连 接 数 据 保 存 Display 图 类 型 保 存 文 件 的 缺 省 文 件 夹 ：Program FilesHoneywellExperion PKSClientAbstract 2021/6/16 24 画一张流程图 2021/6/16 25 选择流程图的存放地址 2021/6/16 26 Station 连接 2021/6/16 27 2021/6/16 28 添加一个点连接 2021/6/16 29 加一个液位显示，输入点细目 2021/6/16 30 保存，打开STATION ，查找，可以看到新 加的点 2021/6/16 31 弹出窗口子图popup Popup是出现在操作窗口的另一个窗口 在操作画面中点击某物体调出Popup窗口 可附加在物体和控件上 用于提供信息，显示过程数据和操作过程点等 Popup窗口出现后覆盖在流程图上 可通过组态使其出现在某固定位置上 使用图钉功能使其保持在画面上Popup子 图 功 能 和 特 点 2021/6/16 32 添加一个弹入子图 2021/6/16 33 存档 2021/6/16 34 打开需要添加弹出子图的主图，打开需要弹 出子图的设备 2021/6/16 35 选择所需弹出子图的位置 2021/6/16 36 在STATION 中可以看到弹出子图 2021/6/16 37 在HMIWeb 里可以修改弹出子图的弹出位置 2021/6/16 38 添加一个顺序子图 2021/6/16 39 画一个顺序子图，注意排序 2021/6/16 40 保存画好的顺序子图 2021/6/16 41 在主图中链接顺序子图 2021/6/16 42 修改顺序子图的参数，包括连接点细目及 使用顺序子图 2021/6/16 43 在STATION 中查看新添加的顺序子图 2021/6/16 44 直接在仪表上使用顺序子图 2021/6/16 45 设置 链 接 点 颜 色 修 改 选 择 方 式 2021/6/16 46 在STATION 中查看新添加的顺序子图 2021/6/16 47 添加弹出面板，用于操作阀等设备 2021/6/16 48 可直接操作阀 2021/6/16 49 添加连续变化的顺序子图 2021/6/16 50 2021/6/16 51 在STATION 中查看新添加的顺序子图 2021/6/16 52 添加动态子图 2021/6/16 53 编辑动态子图 2021/6/16 54 编辑连接脚本 2021/6/16 55 2021/6/16 56合 并 保存 2021/6/16 57 2021/6/16 58 在主图中输入所要连接的点 2021/6/16 59 在STATION 中查看新添加的动态子图 2021/6/16 60 加按钮 2021/6/16 61 编辑按钮 按 钮 描 述类 型连 接 设 备 名 称 2021/6/16 62 在STATION 中查看新添加的按钮 2021/6/16 63 2021/6/16 64 编辑脚本（Script） 1、Script是附着于某一图形对象上的由特定事件 触发执行的一组代码。

通过编写Script脚本代码定义流程图对过程变化的实时显示及过程操作接口 2、举例说明 2021/6/16 65 例 子 ： 一 个 风 扇 的 启 动 和 停 止 有 三 个 图 元 ： 风 扇 组 、 Start 按 钮 和 Stop 按 钮 风 扇 组 是 一 个 shape 文 件 （ FEN.DSP)， 它 由 五 个 图 元 组 成 ， 派 成 一 列 当 文 件 执 行 时 ， 按 着 次 序 显 示 五 个 图 形 ， 风 扇 就 转 起 来 了 2021/6/16 66 在 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 按 钮 的 脚 本 编 辑 ： 2021/6/16 67 在 OnClick 输 入 如 下 内 容 ， 恢 复 风 扇 为 第 一 个 位 置 （ 停 止 ） 。

Sub StopBtn_OnClick() StartBtn.KillTimer(1)Fan.Value = 1 End Sub 对 Stop 按 钮 的 脚 本 编 辑 ： 当 按 下 Start 按 钮 时 ， 风 扇 就 转 了 起 来 ， 按 下 Stop 按 钮 ， 风 扇 停 转 2021/6/16 68 谢 谢 若 有 不 当 之 处 ， 请 指 正 ， 谢 谢 ！ 。