制作flash组态图的帮助手册

Flash 帮助文档提示：此文档适用于 Flash CS3 Pro，在看以下帮助时，确保本地装有 flash cs3。如果没有则在网上请下载软件并安装。安装就不用说了，直接下一步、下一步，完成，可以自定义安装路径。安装完成以后，打开 flash .1,创建项目1.1，我选择 Flash 文件(ActionScript3.0)，项目都是选择这个模板来开发的。1.2，也可以在菜单上选择文件新建 项目。1.3，新建以后来到舞台，左下角可以更改 flash 的像素点击后，根据需求设置大小本文采用 550X400 px.1.4,左上角，是 flash 的图层双击后，更新为2,插入元件选择插入，添加元件。根据需要选择相应类型：2.1，插入图片2.1.1，选择图片2.1.2，导入到舞台选择导入到舞台的话，图片就会显示到舞台，存入到库里。2.1.3，导入到库只是导入到库。2.2，插入按钮可以添加图片、按钮、影片剪辑等。2.3，插入影片剪辑影片剪辑，可以做动画、一些项目所需要的状态效果。3，添加界面元件客户自己绘制这个现场设备的 效果图（也叫底图） 。图中圈出的地方是动态的。显示有：实时数据-温度、湿度等。送风机状态：运行(绿色 )，停止(白色)系统故障状态：有故障（红色） ，无故障（白色）风扇：送风机运行，图中风扇转动。3.1，动态文本选择 ，加入到 舞台。设置为动态文本。为动态文本取一个实例名回风温度分别添加其它动态文本，并初始实例名称： 回风湿度冷水阀开度加湿器投入电加热投入温度设置湿度设置3.2，影片剪辑动画增加-导入动画素材：选择输入 stop();让动画初始化为停止状态。返回到场景，将添加的影片剪辑动画拖拽到舞台。为剪辑动画写入实例名此 flash 中加入风流动的效果3.3，影片剪辑状态3.3.1，送风机运行：1，添加元件：2，在剪辑里，左键选择 ，按键盘 o 转换为圆，选择绿色， ，按住 shift+左键，在中间画一个正圆。3，在左上角，帧的位置，在帧 2 右键，插入关键帧。4，选择 、 ，将帧 2 的圆漆成白色。效果为 ，由于和背景色一样，所以看不见。5，分别将 帧 1 和帧 2 的动作初始为 stop();3.3.2，系统故障：与送风机动作，操作一样，只是此帧 1 的颜色为红色。可以将其 copy，更改其颜色即可。 复制以后，选择 ， ，填充为 。完成以后，最后到场景中添加这两个实例;分别取实例名。界面整体基本完成，如下：4， script 脚本。(ActionScript 3.0)4.1， 初始化界面动态文本1，在场景中右键，选择动作。 。也可以按 F9 进入动作。2，将界面上的动态文件、影片剪辑初始化。4.2，代码模板1，不变动的代码，如下图，只需要在 for 循环里进行 varid 判断。4.3，变量判断5，整体效果测试5.1，shift+f12，发布。找到生成的.swf 动画文件，双击，查看效果。5.2，上传到平台，查看是否能获取数据。5.2.1，上传步骤输入 c.XXXXXnetworks.com，登录。点击机型管理如果没有，可以选择 机型文件。添加时输入 id,名称，导入变量，上传 flash 即可最后点提交。完成后，进入 ，选择你添加的现场，进入现场配置。选择机器类型，输入名称，提交。配置以后，进入现场监控点击机器名称进入 flash 监控视图如上图，可以看到效果，右边的变量列表与 flash 视图里的变量是一致的。提示：如果不能正确显示数据，可以一一排查。1， 查看是否正确完成步骤操作。2， 平台是否能够返回正确的 xml 数据。3， Flash 是否正确处理 xml 数据并显示到 flash 里面。5.3，平台返回的数据Flash 请求 c 平台 http:/c.XXXXXnetworks.com/DeviceManager/InstantDataServerAjax?deviceid=13586061298&plcid=2&type=xml&flag=0&radom=61702.2001获取到 xml 数据.返回的格式如下：5.4，flash 处理数据。解析 xml 数据5.4.1，循环解析数据5.4.2，取出想要的值如：5.4.3，将值设置到 flash 动态文本中。