《讲课课件HMIWeb课件》由会员分享，可在线阅读，更多相关《讲课课件HMIWeb课件（69页珍藏版）》请在金锄头文库上搜索。
1、画面流程图组态2021/6/1611、HMIWebDisplayBuilder软件的介绍2、HMIWebDisplay的类型3、脚本编辑2021/6/162 1.1 概述HMIWebDisplayBuilder是用于绘制用户流程图、连接显示数据、组态数据及图形参数的工具，它的基本图素为图元，图元可以缩放、移动，可定位在画面的任意位置。流程图画面可以直观形象的显示实际对象的运行状况，提供用户便捷的监视、操作和控制被控对象的功能。2021/6/1631.2 绘制流程图前的考虑a、绘制有效流程图应考虑如下方面避免不必要的细节显示的设备和信息风格保持一致非关键参数需要时才显示物流的流向保持一致关键设备
2、可使用不同颜色突出显示减少设备的重叠和管线的交叉避免动画显示避免闪烁显示2021/6/164b、流程图颜色的使用推荐使用浅灰色的背景尽量使用较少的颜色，避免五颜六色整个图颜色风格保持协调一致重要信息使用突出颜色尽量使用单色，避免使用混色2021/6/165c、流程图工作性能的影响因素静态物体的个数位图的使用动态控件的个数文件所占空间的大小三维图形的使用插入的链接动态参数的个数脚本的使用2021/6/1662021/6/167背景图对象按钮对象下拉菜单趋势图数据对象活动对象2021/6/168从开始菜单启动：StartProgramsHoneywellExperionPKSServerHMIWe
3、bDisplayBuilder.1.3HMIWebDisplayBuilder软件的运行软件的运行2021/6/1691.4HMIWebDisplayBuilder软件的界面布局菜单条工具条物体对象浏览器点浏览器图形编辑窗口工具条2021/6/1610从布局上可以看出整个界面包含以下部分：菜单栏（Menus）提供了一些标准菜单所提供的功能工具栏（Toolbar）包含的内容很多，主要涉及：标准工具栏、视图工具栏、工具箱工具栏、绘图工具栏及脚本工具栏等。对象管理器（ObjectExplorer）是一个强有力的管理和编辑对象的工具。它将显示出将当前视图中所用到的所有对象，若为组合对象，将显示该对象的
4、组合层次。视图界面（Display）是用来绘图的主界面。用户可以双击空白界面，调出视图属性窗口，对该视图的显示大小、背景颜色等进行修改。2021/6/1611作图工具介绍 矩形或正方形矩形或正方形 圆角矩形圆角矩形 圆或椭圆（圆或椭圆（shiftshift） 直线直线 非封闭折线非封闭折线 封闭折线封闭折线 圆滑曲线圆滑曲线 弧线弧线 扇形扇形 文本文本 生成链接生成链接 数据的显示数据的显示 复选框复选框 ButtonButton按钮按钮 指示器指示器 下拉菜单下拉菜单 图表图表 ActiveX ActiveX 文件文件 图像图像 插入子图插入子图插入插入Active控件控件事件表事件表报警
5、表报警表插入一个报警状态插入一个报警状态2021/6/1612缩放图大小缩放图大小固定网格点绘图固定网格点绘图显示或隐藏坐标显示或隐藏坐标显示或隐藏网格显示或隐藏网格显示和隐藏对象表显示和隐藏对象表道具窗口道具窗口脚本编辑脚本编辑样式表样式表Shape图库图库HTML源源2021/6/1613处理工具：处理工具： 将选中图元置最前面将选中图元置最前面 将选中图元置最底下将选中图元置最底下 将选中图元组合将选中图元组合 取消组合取消组合 使图元转向使图元转向9090、180180度度 锁定图元位置锁定图元位置对齐图形对齐图形对齐页面对齐页面2021/6/1614绘制矢量图形对象绘制矢量图形对象绘
6、制矢量图形对象绘制矢量图形对象合并后点击原来图形用变形工具合并图形：用变形工具合并图形：用用组合基本图形，用组合基本图形，用结合组合图形。将会使结合组合图形。将会使变为变为。2021/6/1615每一个图元都有一个属性参数，不同的图元又有不同的属性参数。每一个图元的属性窗口都有几个不同的标签。 图元名图元有效数据联接动画设置2021/6/1616Alphanumeric显示过程数据值None没有数据连接Point/Parameter连接到点及其参数DatabaseFile连接到数据库文件DatabaseIndex连接到数据库索引Dataentryallowed:是否允许操作。及允许操作的级别2
7、021/6/1617选择或不选择框标签使用逆逻辑2021/6/1618Button按钮自定义背景调图用于按钮属性的设置,需要在Detail中对按钮的具体动作进行设置2021/6/1619Indicator指示器指示器的形状指示器起点2021/6/1620主图（Display）子图（Shape）一弹出窗口子图（Popup）二顺序子图（ShapeSequence）三动态子图（DynamicShape）2021/6/1621a、保存到C:ProgramFilesHoneywellExperionPKSclientabstract中b.文件的类型标准画面(StandardDisplay)和弹出子图(P
8、opup)均是后缀名为HTM的文件,而动态子图(DynamicShape)和顺序子图(ShapeSequence)是后缀名为SHA的文件.c.画面的调用在STATION上面的命令行里面输入想要调出的标准画面的名字,直接回车即可2021/6/1622选择：点击选择：点击图标，选择图标，选择Display。配置流程图属性。配置流程图属性。选择绘图工具，建立目标对象。选择绘图工具，建立目标对象。设置目标对象的属性。设置目标对象的属性。连接数据。连接数据。保存保存Display图类型。图类型。保存文件的缺省文件夹：保存文件的缺省文件夹：ProgramFilesHoneywellExperionPKSC
9、lientAbstract2021/6/1623画一张流程图2021/6/1624选择流程图的存放地址2021/6/1625Station连接2021/6/16262021/6/1627添加一个点连接2021/6/1628加一个液位显示，输入点细目2021/6/1629保存，打开STATION，查找，可以看到新加的点2021/6/1630弹出窗口子图popupPopup是出现在操作窗口的另一个窗口在操作画面中点击某物体调出Popup窗口可附加在物体和控件上用于提供信息，显示过程数据和操作过程点等Popup窗口出现后覆盖在流程图上可通过组态使其出现在某固定位置上使用图钉功能使其保持在画面上Pop
10、up子图功能和特点2021/6/1631添加一个弹入子图2021/6/1632存档2021/6/1633打开需要添加弹出子图的主图，打开需要弹出子图的设备2021/6/1634选择所需弹出子图的位置2021/6/1635在STATION中可以看到弹出子图2021/6/1636在HMIWeb里可以修改弹出子图的弹出位置2021/6/1637添加一个顺序子图2021/6/1638画一个顺序子图，注意排序2021/6/1639保存画好的顺序子图2021/6/1640在主图中链接顺序子图2021/6/1641修改顺序子图的参数，包括连接点细目及使用顺序子图2021/6/1642在STATION中查看新
11、添加的顺序子图2021/6/1643直接在仪表上使用顺序子图2021/6/1644设置链接点颜色修改选择方式2021/6/1645在STATION中查看新添加的顺序子图2021/6/1646添加弹出面板，用于操作阀等设备2021/6/1647可直接操作阀2021/6/1648添加连续变化的顺序子图2021/6/16492021/6/1650在STATION中查看新添加的顺序子图2021/6/1651添加动态子图2021/6/1652编辑动态子图2021/6/1653编辑连接脚本2021/6/16542021/6/1655合并保存2021/6/16562021/6/1657在主图中输入所要连接的
12、点2021/6/1658在STATION中查看新添加的动态子图2021/6/1659加按钮2021/6/1660编辑按钮按钮描述类型连接设备名称2021/6/1661在STATION中查看新添加的按钮2021/6/16622021/6/1663 编辑脚本（Script）1、Script是附着于某一图形对象上的由特定事件 触发执行的一组代码。通过编写Script脚本代码定义流程图对过程变化的实时显示及过程操作接口。2、举例说明。2021/6/1664例子：一个风扇的启动和停止。例子：一个风扇的启动和停止。 有三个图元：风扇组、有三个图元：风扇组、Start按钮和按钮和Stop按钮。按钮。风扇组是
13、一个风扇组是一个shape文件（文件（FEN.DSP)，它由五个图元组成，派成一列。，它由五个图元组成，派成一列。当文件执行时，按着次序显示五个图形，风扇就转起来了。当文件执行时，按着次序显示五个图形，风扇就转起来了。2021/6/1665在在OnClick建立一个建立一个200ms的计时器，用它来控制风扇转动的速度。的计时器，用它来控制风扇转动的速度。 SubStartBtn_OnClick()CallCreateTimer(1,200)EndSub在在OnTimer设置图形显示顺序。设置图形显示顺序。SubStartBtn_OnTimer(1TimerID)IfFan.Value=5The
14、nFan.Value=2ElseFan.Value=Fan.Value+1EndIfEndSub对对Start按钮的脚本编辑：按钮的脚本编辑：2021/6/1666在在OnClick输入如下内容，恢复风扇为第一个位置（停止）。输入如下内容，恢复风扇为第一个位置（停止）。 SubStopBtn_OnClick()StartBtn.KillTimer(1)Fan.Value=1EndSub对对Stop按钮的脚本编辑：按钮的脚本编辑：当按下当按下Start按钮时，风扇就转了起来，按下按钮时，风扇就转了起来，按下Stop按钮，风扇停转。按钮，风扇停转。2021/6/1667谢 谢2021/6/1668 结束语结束语若有不当之处，请指正，谢谢！若有不当之处，请指正，谢谢！
