Advantech WebAccess培训- 04第五章 基本绘图.pptVIP

图例 dsm —— 静态图片 窗口小部件 dwt —— 动画制作 按键转换 两种按键转换方式：[图表参数按键转换] [WEB界面下按键转换] [图表参数按键转换]指在图表参数对话框内“按键转换文件”选定的文件，用于快捷键之间的转换，实现自定义快捷键，或者屏蔽快捷键 [WEB界面下按键转换]可以自定义快捷键的宏指令，用快捷键实现用户的特殊需求 绘制基本图形元素 要实现如下图例所示复杂工业过程，我们首先来熟悉基本图形的绘制方法。 基本图形元素 Advantech WebAccess提供11种基本图形元素，可以生成任何样式的监控画面。 简单动画的实现 动画主要包括图示这些，在此我们演示风机的转动动画。首先我们建立一个本地点，顺便解释一下[图表参数]对话框。 [图表参数]对话框 在这里主要讲解如图5个知识点 向上/向下链接图表 本地点文件 本地脚本文件 背景图片 图表/脚本更新时间 接下来给大家逐一讲解、演示 [图表参数]对话框 讲解 1—向上/向下链接图表 该功能配合P_UP和P_DN宏指令就好似网页中的超链接功能 [图表参数]对话框 讲解 2—本地点文件 在该文件中，您可以定义您的当前监控画面用到的本地点，本地点的作用范围只是当前画面，当您跳转到其它画面时，本地点将会回到初始值。 [图表参数]对话框 讲解 3—本地脚本文件 本地脚本文件和本地点文件一样，作用范围只限于当前画面，并且可以设定3个运行时效：登陆本画面时/运行时/退出当前画面时 [图表参数]对话框 讲解 4—背景图象文件 背景图象文件，可以为整个画面加载一个背景，和Windows的桌面有异曲同工之妙。 [图表参数]对话框 讲解 5—图表/脚本更新时间 图表脚本更新时间，设定本地脚本和图表动画的刷新速率，基本单位为25ms，默认为0.025*20=0.5s。有时候，为了得到一个比较逼真的动画，可以缩短更新时间。 实现风机旋转动画 前面的准备工作都做完了，水到渠成，动画也是信手拈来的事啦！ 点击[下载图形和脚本]并且启动监控节点，就可以看到亲手制作的动画啦！ 简单按钮控件的制作 按钮是监控画面中比较常用的一类控件，主要用于表示开关、界面切换导航、执行确认响应等操作。Advantech WebAccess提供了丰富的按钮设定。主要包括2大类。 宏指令类按钮（链接到前面讲过的导航宏指令） 系统点(DAQ点)类按钮（如下所示，以%为标志的命令） 简单制作漂亮按钮 方方正正的传统按钮太落后了，我们简单变化一下就可以实现漂漂亮亮的按钮啦！只需要加载一个位图然后应用按钮选项。 本章小结 在基本绘图知识章节中，我们主要 认识了DrawDAQ/Draw基本绘图界面 学会了基本图形元素的运用 能够制作简单动画啦 还学会了制作漂亮按钮 2007年6月 Advantech WebAccess 培训教程  第四章 基本绘图 培训目标 内容：讲述基本绘图知识。 案例：典型智能楼宇监控系统--空调监控子系统 知识点： 熟悉DrawDAQ/Draw 基本图形元素 简单动画 按钮 DrawDAQ和Draw可以实现相同的功能，在此仅以Draw为例介绍。 首先，熟悉绘图工具UI，主要包括如下5方面： 菜单栏 工具栏 绘图工具栏/状态栏 命令提示栏 绘图区域 熟悉DrawDAQ/Draw 我们之所以讲解这两条目，是因为它的功能非常强大，以至于容易造成意想不到的错误。如下例， [替换字符串]和[替换颜色]条目 然后我们应用[替换字符串]把“Start”替换成“开始”，我们本意是想替换掉按钮上显示的“开始”，但实际上，我们替换了该控件所有的相关字符。这一点需要注意，[替换颜色]也是如此。 [替换字符串]和[替换颜色]条目（续） [分布]条目，有以下需要注意的问题 选择顺序 Advantech WebAccess会根据您的选择顺序智能判断基准，为了得到理想的分布，建议您先点选上第一个文本量然后按住Ctrl键，逐一选中，就可以得到理想的以第一个两点间距为基准的均匀分布。 [分布] 条目 1 3 2 文本 线条 圆 椭圆 矩形 面板 多义线 圆弧 圆饼 多边形 位图 下面，我们就以制作风机的旋转风扇为例，介绍如何应用基本图形元素。 1 2 3 Thank You. * 在介绍5部分UI时，以WebAccess界面进行演示。 用漂亮位图作底色会绘制出漂亮按钮。 *