巧用元件动画制作复杂动态交互式树形分支流程图.pdfVIP

ISSN1009-3044 E-mail:eduf@ 第9卷第16期 (2013年06月) ComputerKnowledgeandTechnology电脑知识与技术 ComputerKnowledgeandTechnology电脑知识与技术 Vol.9,No.16,June2013. Tel:+86-55165690964 巧用元件动画制作复杂动态交互式树形分支流程图 潘 彪 （湖南水利水电职业技术学院经济管理系，湖南长沙410131） 摘要：该文介绍了如何通过flash的动画控制技术在制作复杂动态树形分支流程图中的应用，重点讲述了flash的元件动画 的应用。 关键词：flash；元件动画；可选择性的交互；树形分支；流程图 中图分类号：TP311 文献标识码：A 文章编号：1009-3044(2013)16-3861-03 流程图是流经一个系统的信息流、观点流或部件流的图形代表。在企业中，流程图主要用来说明某一过程。这种过程既可以 是生产线上的工艺流程，也可以是完成一项任务必需的管理过程。 流程图是揭示和掌握封闭系统运动状况的有效方式。作为诊断工具，它能够辅助决策制定，让管理者清楚地知道，问题可能 出在什么地方，从而确定出可供选择的行动方案。流程图有时也称作输入-输出图。他直观地描述一个工作过程的具体步骤。流 程图对准确了解事情是如何进行的，以及决定应如何改进过程极有帮助。这一方法可以用于整个企业，以便直观地跟踪和图解企 业的运作方式。 流程图的使用已经越来越普及到知识的各个领域，我们几乎用流程图来表达所有包含步骤的描述中，在过程的表达中我们经 常要使用动态的可控制的过程来使表达更加清晰，一般我们是通过幻灯片来展示动态流程图的过程，但是幻灯片展示的最大的缺 点便是只能按照固定的规律逐步交互，在教复杂的流程图中我们通常要通过有选择性的交互来展示流程图的中间过程。 随着现在网络的发展，flash动画技术也在飞速发展。Flash动画的动画控制技术一直是flash动画的一个非常重要的方向。通 过代码来实现简单的交互式过程控制，制作出来的动画文件小，交互式控制好、文件易于识别和移植一直是flash应用的一个最大 的优势，下面讲述的就是通过Flash代码控制实现较为复杂的交互式树形流程图的操作。 1预期效果与功能 预期效果与功能显示如下所示： 图1 图2 图3 图4 收稿日期：2013-04-03 作者简介：潘彪，湖南水利水电职业技术学院经济管理系老师，研究专业方向为虚拟仿真。 本栏目责任编辑：唐一东 多媒体技术及其应用 3861 ComputerKnowledgeandTechnology电脑知识与技术 第9卷第16期 (2013年06月) 功能效果：如图1，当我们用鼠标有选择性点击流程图的分叉，分别会展开不同的分支，比如点击图1左边“是”的分叉，将在展 开如图2的分支，当在图1中点击“否”分叉产生如图3所示的结构图，当我们点开所有的分叉产生最后如图4所示的流程图，整个 过程所有的分叉都可以由用户可选择性的点击，每个分支的动画都必须不影响其他同等级分支的动画。 2制作步骤 2.1图形的准备环节 1)流程图图形的绘制和元件的准备 第一步：新建一个层，使用工具栏中的矩形工具 来流程图框，使用直线工具来绘制框图之间的连接线。 第二步：定义好场景和元件，在定义元件之前需要确定树形结构图的主干和分支，一般一个分支需要一个元件，元件个数图如 下图5所示。 第三步：给各个元件制作逐步显示的逐帧动画，分别如图6、图7和图8所示。 图5 图6 图7