图例 面板 窗口小部件 图例、面板、窗口小部件是方便的图库 “ 图例 ” 中包含了一些常用的许多工具，如： 管道、阀门、仪表。图例内的图件可以保 持静态，也可以规划成动态 “ 面板 ” 主要是控制器的面板图样，是设备的 表面图，与设备模块连结 “ 窗口小部件 ” 主要是在绘图区安排窗口小对 象图样，它与单参数点连结
图例 WebAccess 中已经建立了许多图例，可以 直接调用 在 WebAccess 的绘图工具中可以创建新的 图例，以方便建立各种工程 对重复性的图形，建立图例可以大大缩短 工程创建的时间 图例大小可以放大和缩小
建立图例歩骤 (1) 进入 WebAccess 的绘图工具 (2) 绘制图形 (3) 储存图例：先全选图形，右击 鼠标 -> 文件 -> 建立图例。系统弹出保存 DSM 档案 对话 框，输入 文件名、点选 插入基本点 ， 最 后按 确认 以后可以直接调用
图例的应用歩骤 (1) 按顶部工具栏的 图例 图标 或 右击鼠标 并选 绘图 -> 图例 (2) 选取所要调用的图例，再按 确定 (3) 点击图例的安放位置 (4) 改变图例的大小 即可调用 “ 图例 ” 到绘图工具中
选择图例
面板 面板是指控制设备的表面布置图形 “ 面板 ” 主要是在绘图区绘制控制面板图样 面板是与设备模块实际连结 以 ADAM-5017 模块为例，对面板的建立作简 单的说明
A. 点的设置 (1). 面板制作最重要的部分就在于点与模块设 置。因为面板在调用时会选择相对应的模 块，而模块的设置又与点密不可分。所以 在制作时首先要设测点，根据硬件的实际 I/O 设定点的属性。 ADAM-5017 为 8 点模拟 量输入模块 (2). 增加参数首先设定模拟量输入点 AI_0 ～ 7 。在 BroadWin WebAccess 工程管理窗 口内，在设备项选 ADAM5K 然后按 增加 参数 进入参数设定对话框
(3). 输入点属性的设定： 参数类型：模拟量参数 参数名： AI_0 ( 注 : 第二个点可设为 AI_1 ，以此类 推 ) 描述 :AI 0 地址 :0 ， 0 ， 0 （注： AI_1 地址 0 ， 0 ， 1 ，以此类 推） 扫描类型 : 常数扫瞄 转化代码 :AI 缩放类型 :No Scale 其它属性采用默认值。属性设定完毕，按 提交
(4). 输入点量程的设定（也即单位的设定） 参数类型：模拟量参数 参数名： AI_0_R ( 注 : 第二个点可设为 AI_1_R ， ) 描述 :AI 0 Ranger 地址 :0 ， 0 ， 0 （注： AI_1_R 地址 0 ， 0 ， 1 ） 扫描类型 : 常数扫瞄 转化代码 :AI Ranger 缩放类型 :No Scale 其它属性采用默认值。属性设定完毕，单击 提交
B. 添加区块类型 (1)BroadWin WebAccess 工程管理员页面 内，选择设备项 ADAM5K -> 添加区块类 型 ，进入区块类型设定对话框 (2) 区块属性的设定： 名称： A5017 （一般与设备名称一致） 选择参数：根据硬件的实际 I/O 点，点选所 列的参数 AI_O 、 AI_O_R 等 属性设定完毕，按 提交
区块类型设定对话框
C. 基本面板图形的绘制 面板图形应该与实际的硬件外形一致，使 读者能直观地调用与监控 绘图部分应该尽量使仿真度和美观度达到 最高 显示资料的位置用一些文字显示，增加时 需考虑实际显示的位数
面板的绘制 (1). 根据 ADAM-5017 的实际外形绘制出图形 (2). 点与图形的连接 对应文字第一个 “XXX.XXX” （ XXX.XXX 仅 代表位数），点选 动画 ，在 “ 点 ” 后的文字 框内输入刚才所建的点 AI_0 ，并且点选 R- 文字
建立面板 点与图形的连接 面板图形
(3). 对应文字 MV （ “MV” 来代表每个值的 “ 单 位 ” ）， 点选 动画 ，在 点 后的文字框内依 次输入刚才所建的点 AI_0_R( 依此类推，分 别对应输入 AI_1_R ～ AI_7_R) ，并且点选 L- 文字 、多状态 、及清除 可选取的 （ ADAM-5017 的输入量程是不可变的） (4). 多状态对话框内的属性： 当值 0 ～ 10.5 时，状态 1 的形容标志为 V ； 10.5 ～ 12.5 时，状态 2 的形容标志为 mV ； 大于 12.5 时为状态 3 ，形容标志为 mA
多状态对话框
(5). 点与图形的连接建完后，全选取图形，右 击鼠标 ，点选 档案 -> 建立面板 -> 保存 DFP 档案 (6). 如果需对已有的面板进行修改，可以单击 绘图 菜单下的 修改面板 命令，将面板直接 调到窗口区内进行修改，再利用 建立面板 功能将其保存，保存时档案与调出时相同， 便可覆盖原面板
D. 面板的调用 (1) 区块的增加 单击 通讯端口 1 -> 添加设备 ，弹出 建 立新的设备 对话框，如果不增加区块，在 调用时就无法选择区块名。见 (2) 建立通讯端口 在建完工程和节点的基础上，按 添加通 讯端口 ，弹出 建立新的通讯端口 对话框
(3) 在 “ 建立新的通讯端口 ” 页面中，依次输入 接口名称： serial 通讯端口号： 1 波特率： 9600 其它选用默认值，按 提交 (4) 添加设备 单击 通讯端口 1 -> 添加设备 ，弹出 “ 建立新 的设备 ” 对话框，依次输入： 设备名： ADAM5K 设备类型： ADAM5K 其它选用默认值，按 提交
(5). 添加区块：选择设备名称 ADAM5K -> 添 加区块 ，弹出 “ 建立新的区块 ” 对话框 依次 输入： 区块类型：选取所要调用面板的类型 A5017 区块名：输入名称 A5017 （尽量与区块类型 一致）偏移： 5017 ， 3 （注： “ 偏移 ” 应与硬件名称及位置相匹配， 输入格式为：区块名，插槽 slot 位置）完成 后按 提交
(6). 调用面板 按功能列 “ 面板 ” 图标，或 右击鼠标 选择 绘图 -> 面板 ，弹出 “DFP 档案目录 ” 对话框 (7). 选择所要调用的 面板 ，按 确定 ，弹出 “ 区块目录 ” 对话框，选择与面板对应的区块。 按 确定 ，移动鼠标，给面板定位，在绘图 区就可看到成功调用的面板
调用面板
E. 面板的修改 (1). 在绘图工具内 右击鼠标 选 绘画 -> 修改面板 (2) 修改完面板 右击鼠标 选择 文件 -> 建立面板 对面板进行保存
( 三 ) 窗口小部件 “ 窗口小部件 ” 的制作实际上是 “ 动画 ” 或 “ 点 ” 的一种结合 首先利用 “ 动画 ” 制作出没有属性点的动画效 果, 保存成窗口小部件 在使用时从图库中调出 根据实际要求选择与哪个点建立连接
A. 制作小部件 (1) 绘制两个矩形作为指针的底盘和刻度盘。 (2) 再绘制一个箭头作为指针放置在刻度盘的 右侧。 (3) 在刻度盘的左侧填入刻度数字。 (4) 连接动画效果
先选中间指针，按 动画图标 。选中 移动 ， 在 “ 点 ” 不要输入任何内容，按确定 。在指针 的中心与 “0” 平行的位置按 基本点 。打开 锁定正交 ，移动指针至平行 100 再按一下。 按 Enter 键结束动画的制作 按 文字 工具，在指针盘的底部输入文字 XXXX ，按 Enter ，按 动画 图标，选中 C- 文字 ，同样保证 “ 点 ” 处空白，再按 确定
(5) 制作成窗口小部件 首先选中 所有内容 ，选 文件 -> 建立窗口 小部件 ，输入 文件名 ，点选 插入基本点 （插入基本点也就是打开窗口小部件时相 对于十字光标的位置），按 保存
窗口小部件制作
B. 窗口小部件的应用 (1). 建立一个模拟量常数点 A( 如图 5-35) 。 点名称： A ； 最高量程： 100 ； 最高输出： 100 ； 其它取默认值。
(2).“ 窗口小部件 ”” 的调用. 打开 绘图工具 ，按 窗口小部件 图标，弹 出 窗口小部件 对话框 选择要调用的 窗口小部件 ；按 确认 ，弹 出 “ 点列表 ” 对话框 选取所要的点 A ， 按 确认 “ 窗口小部件 ” 调用成功
窗口小部件对话框
点列表对话框
窗口小部件
( ３ ) “ 窗口小部件 ” 的工作 按 保存 BGR ，返回 WebAccess 工程管理 员页面 点击 下载 -> 启动节点 -> 启动监控 ，调用 WebAccess 执行窗口 按仪表下 蓝色字体 ，调整数值大小， 可改 变指针的偏移角度。
窗口小部件应用
(5) 关于窗口小部件的制作注意 许多的窗口小部件在制作过程中都会加入 报警颜色，以便在报警时与背景色匹配， 使它能够更容易的被区分开来 窗口小部件的规格也相当严格，例如指针 的位置需要与它的刻度相匹配、刻度需要 与所显示的刻度值一致等
(6). 报警的颜色 文字区域和仪器仪表的预设报警颜色都可 以表示为报警。它的标准是： 正常情况：绿色前景（ FG= ） 报警状态：红色前景伴随着白色背景并且 闪烁（ FG= ） 报警确认：红色前景（ FG= ）
(7). 可选取选项 大多数表示测点值和名称的文字显示都使 用 可选取的 选项 ，以便能够选择用鼠标改 变数值，调出点的详细资料。如果一个点 是 “ 不可选取的 ” 类型，那么用户只能用 转换 功能来改变数值，调出点的详细资料。
教学要求 教学内容 图例、面板、窗口小部件 教学要求 掌握图例、面板、窗口小部件的应用 了解窗口小部件的制作
思考题和实践 思考题： 图例的建立有那些步骤？ 面板的主要作用是什么？ 窗口小部件如何建立动画？ 实践性练习题： 练习图例、面板、窗口小部件的应用方法 练习图形编辑