Advantech WebAccess培训- 06第六章 绘图进阶

2007年6月 AdvantechWebAccess培训教程 第六章绘图进阶 培训目标 内容 讲述高阶绘图知识 案例 典型智能楼宇监控系统 空调监控子系统知识点 熟练应用DrawDAQ Draw自定义欢迎 登录界面导入图例 面板 窗口小部件操作实现多层动画应用框架实现Gif效果弹出无菜单 工具栏 状态栏监控画面自定义系统自带监控画面 DrawDAQ和Draw之中有很多技巧性的知识 在接下来的高阶绘图知识讲解中 我们会多多告诉大家 包括 命令输入功能的运用线 画刷 字体样式的全局设定其它使用技巧 熟练应用DrawDAQ Draw 命令输入功能的运用 AdvantechWebAccess的绘图功能和AutoCAD有很多相似之处 支持命令行输入能够让你应用更方便 命令行输入能够令您绘制出更加精细的监控画面 如利用圆形 圆弧和直线 绘制出比较精确的五星图案 快捷键小窍门 AdvantechWebAccess很多快捷键是命令的英文第一个字母 如撤销快捷键为U undo 关闭快捷键为C close 等 线 画刷 字体样式的全局设定 每绘制一个图形元素 就要修改一遍颜色 线型 填充颜色 着实麻烦 AdvantechWebAccess为我们设计了全局设定 您可以在工具栏上设定您的常用属性 状态栏显示当前状态 其它使用技巧1 当您在旋转一个文本控件时 你会发现旋转命令不可用 怎么办 您只需要在命令行直接输入 rotate 命令 然后输入90度 就可以实现竖排文字啦 或者选择 编辑 变成多边形 就可以任意角度旋转文字啦 其它使用技巧2 当您绘制比较规格的图形时 为了绘制横平竖直 定位准确的图形 您可以考虑打开网格 正交 抓取等命令 并且恰当的运用缩放功能 自定义欢迎 登录界面 AdvantechWebAccess提供了默认的欢迎界面和登录界面供用户使用 但实际工程项目应用过程中 用户希望自己定义欢迎界面和登录界面 AdvantechWebAccess为用户提供了自定义欢迎和登陆界面的解决方法 默认欢迎界面 欢迎 登录界面制作步骤 欢迎 登录界面的制作相当简单 您只需要绘制出界面分别保存成welcome lld和login lld就可以啦 在命令提示框内输入 lld 将弹出保存对话框 一定要分别以名字welcome lld和login lld来命名欢迎界面和登陆界面 导入图例 面板 小部件 经过前面的学习 您已经掌握了基本的绘图知识 但是绘制出复杂的工程控制界面 亲自动手去一一绘制 也许您的心里早就犯愁了 不用急 接下来的知识就是告诉您怎样去 投机取巧 的 我们为您准备了 三大法宝 图例 包含在dsm文件夹中 后缀为 dsm 为Symbols的缩写 窗口小部件 包含在dsm文件夹中 后缀为 dwt 为Widgets的缩写 面板 包含在dsm文件夹中 后缀为 dfp 为Faceplates的缩写 使用和创建图例1 使用图例比较简单 您只需要动动鼠标从我们庞大的图库中 选择您中意的图例就可以了 接下来 我先送给大家一辆漂亮的PASSAT 只需要 1 找到工具栏的图例按钮 2 在图例名称栏中输入 c 使用和创建图例2 一辆崭新的PASSAT就诞生啦 当然我还可以送给大家一辆撅屁股的JETTA 如果您感觉都不太满意 您就要亲自造车了 使用和创建图例3 创建图例相对简单一些 下面就拿我们上次讲到的五角星为例 来创建一个五星红旗的图例 当然图形我们已经在下面做好了 主要讲解创建图例过程 1 选择五星红旗图形 2 从 文件 菜单选择建立图例 3 为了统一 尽量保存成 英文 dsm 的格式 方便下次查找 使用和创建窗口小部件1 使用窗口小部件的步骤如下 我们以空调系统风扇为例进行讲解 1 找到工具栏窗口小部件按钮 2 在图例名称栏中输入 b 然后找到相应的风扇小部件 使用和创建窗口小部件2 用于风扇的转动 只是起到一个增强动画效果的作用 我们令它关联一个本地点即可 1 关联本地点 2 察看点的动画信息 使用和创建窗口小部件3 当您满心欢喜的看到自己简简单单就实现了风扇转动的时候 突然发现用错了本地点 怎么办 不用急 我们还是有 杀手锏 的嘛 可以应用前面讲到的 替换字符串 功能 它的功能可是相当强大的 1 2 使用和创建窗口小部件4 下面 我们再谈谈如何创建窗口小部件 其创建过程和创建图例不同点在于它支持图形的动画属性 您只需要事先创建一个带动画的图形控件 然后点击修改 去除Tag点 然后保存就可以了 1 2 3 4 使用和创建面板 使用和创建面板的过程和使用窗口小部件的过程大致相同 只是以区块代替了窗口小部件的Tag点 AdvantechWebAccess为我们准备了很多的面板模板 实现多层动画1 多层动画的运用在很多监控画面中都很常见 在此 我们以空调监控系统为例进行讲解 1 调用成型图例 2 调用窗口小部件 实现多层动画2 绘制代表空气流动状态的箭头 并且建立本地点和运行脚本 用于动画展现 1 绘制箭头 2 添加本地点 3 添加脚本 实现多层动画3 下面是平移动画和旋转动画的制作过程 前面讲解过了旋转动画 这里主要讲解平移动画 您可以从下图看出 这个简单动画包含了5个动画环节 拆解多层动画1 首先是 风扇的旋转动画 在它的下一层是一组风流动动画 组合到一起的关键在于选择顺序和巧妙应用颜色动画 1 该动画所需控件 2 实现第一组动画 拆解多层动画2 然后 我们组合两组动画到一起 3 组合动画 小窍门 按住Ctrl键 再去选择每个控件 就可以选中多个了 拆解多层动画3 然后 我们把组合好的动画放回监控系统中 最终效果 这样 您就可以看到一个生动的监控画面了 应用框架实现Gif效果1 在工程监控画面中 总会用到类似Gif效果的动画 如燃烧的火焰 迸发的钢花等 在这里 我们就以燃烧的火焰为例 进行讲解框架的应用 首先 我们要从图例中把火种调出来 应用框架实现Gif效果2 然后保存成框架格式的文件 dfm 以备后用 应用框架实现Gif效果2 然后 建立一个和背景相同颜色的矩形 添加一个 BurnTag 的本地点 并且添加脚本 然后我们就可以在上面应用框架动画啦 1 2 3 应用框架实现Gif效果3 框架动画 最终的动画效果就实现啦 弹出无菜单 工具栏 状态栏监控画面1 定制Main运行界面 您需要把主界面保存成Dsp文件格式 我们以空调监控系统作为主界面 省略登陆 欢迎界面 制作过程如下 首先要把该界面保存成main bgr 然后 下载图形和脚本 并启动监控 弹出无菜单 工具栏 状态栏监控画面2 启动监控画面后 您需要先登录系统 弹出无菜单 工具栏 状态栏监控画面3 然后 从 样式选项 和 窗口选项 中 隐藏菜单 工具栏 状态栏 弹出无菜单 工具栏 状态栏监控画面4 隐藏了这些后的界面如图 然后保存当前ViewDAQ群组 并且命名为 Main dsp 弹出无菜单 工具栏 状态栏监控画面5 如果您在建立工程时 在监控节点属性中允许了上传DSP文件 当您下载图像和脚本后 相应的DSP文件也保存在了您的工程节点 方便工程的备份工作 自定义系统自带监控画面1 系统预定义了众多的监控画面作为模板供您使用 如实时趋势 历史趋势 报警 报表等 其实系统也给您留下自定义它们的余地 但是为了安全 在Web下的Draw无法完成 但可以在DrawDAQ下完成 您只需要打开 所有的系统自带的界面就可以看到了 dxx 自定义系统自带监控画面2 我们就可以像编辑正常的Drw文件一样编辑它们 但是一定要保存成 bxx 而不是 bgr 本章小结 绘图方面还有一部分技