链表基本操作动画演示毕业论文.doc

*学院毕业设计（论 文）学生工作手册拟定题目： 链表基本操作动画演示 姓 名学 号院 (系)专 业指导教师年 月 日摘要随着科技的发展，教学方式也越来越先进，现在已经不止有传统课本教学方式，还有多媒体教学方式。这样一种情况下，动画教学更受大众亲睐。动画的直观和方便更能清楚明白的表达人们用言语阐述不清的一些理论和算法。这样，设计好一个动画演示就非常的有意义。矚慫润厲钐瘗睞枥庑赖。本设计主要研究的是链表基本操作的动画演示，通过用flashbuilder中的actionscript编程做一个链表基本操作的交互式动画，能够帮助我们更直观的理解链表的一些基本操作，主要是删除节点、插入节点，很多复杂的数据结构都包含链表结构。聞創沟燴鐺險爱氇谴净。关键词：flash,链表，删除，插入，动画 AbstractWith the development of science and technology, is becoming more and more advanced teaching methods, now has more than the traditional textbook teaching methods, and multimedia teaching methods. Such a case, the animation teaching more favor by the public. Animation intuitive and convenient and can clearly understand the expression of people with words of some theories and algorithms. In this way, design a good animation demo is very meaningful 残骛楼諍锩瀨濟溆塹籟。Widespread understanding algorithm difficulties in teaching, in such a case, this design research is a list of the basic operation of an animated demo, through the use of flash in a list of basic operation of interactive animation, can help us more intuitive understanding of linked lists some of the basic operation, mainly, insert, delete node, many complicated data structure contains list structure. 酽锕极額閉镇桧猪訣锥。Keywords:flash,list,delete,insert,animation 目录前言1彈贸摄尔霁毙攬砖卤庑。一、 选题意义及背景1謀荞抟箧飆鐸怼类蒋薔。二、 方案及论证2厦礴恳蹒骈時盡继價骚。一）、动画软件 FlashBuilder概述2茕桢广鳓鯡选块网羈泪。1、FlashBuilder简介2鹅娅尽損鹌惨歷茏鴛賴。2、脚本语言ActionScript简介2籟丛妈羥为贍偾蛏练淨。3、ActionScript 3.0 的优点3預頌圣鉉儐歲龈讶骅籴。二） 数据结构之链表4渗釤呛俨匀谔鱉调硯錦。1、 链表概述4铙誅卧泻噦圣骋贶頂廡。2、链表的插入操作5擁締凤袜备訊顎轮烂蔷。3、 链表的删除操作6贓熱俣阃歲匱阊邺镓騷。4、单链表的特点7坛摶乡囂忏蒌鍥铃氈淚。三） 设计的功能描述7蜡變黲癟報伥铉锚鈰赘。四） 设计思想7買鲷鴯譖昙膚遙闫撷凄。五） 设计中的主要难点8綾镝鯛駕櫬鹕踪韦辚糴。1、 鼠标点击事件8驅踬髏彦浃绥譎饴憂锦。2、 指针的移动8猫虿驢绘燈鮒诛髅貺庑。三、 过程论述8锹籁饗迳琐筆襖鸥娅薔。一）平台搭建和初步准备工作8構氽頑黉碩饨荠龈话骛。1、环境要求9輒峄陽檉簖疖網儂號泶。2、准备工具9尧侧閆繭絳闕绚勵蜆贅。3、创建项目9识饒鎂錕缢灩筧嚌俨淒。4、编辑资源9凍鈹鋨劳臘锴痫婦胫籴。二） 动画实现11恥諤銪灭萦欢煬鞏鹜錦。1、主界面代码设计：12鯊腎鑰诎褳鉀沩懼統庫。2、插入操作代码设计12硕癘鄴颃诌攆檸攜驤蔹。3、 删除操作的代码设计14阌擻輳嬪諫迁择楨秘騖。三） 动画运行17氬嚕躑竄贸恳彈瀘颔澩。四、存在的问题和不足18釷鹆資贏車贖孙滅獅赘。五、结语18怂阐譜鯪迳導嘯畫長凉。六、谢辞18谚辞調担鈧谄动禪泻類。七、参考文献19嘰觐詿缧铴嗫偽純铪锩。前言数据结构课程是计算机学科中一门重要的基础课程，是进行程序设计的理论和技术基础，学好该课程对于计算机其他课程的学习有着深远的意义。熒绐譏钲鏌觶鷹緇機库。但在教学中普遍存在对算法理解上的困难，在这样一种情况下，本设计主要研究的是链表基本操作的动画演示，它能够帮助我们更直观的理解链表的一些基本操作，比如删除节点、插入节点、修改节点、链表的逆置等等，很多复杂的数据结构都包含链表结构，因此，学好链表对于我们学习其他数据结构有很大的帮助。同时，在进行设计的同时，让我们能够学会如何独立的设计一个完整的演示动画，也对我们编程技术的一种锻炼。鶼渍螻偉阅劍鲰腎邏蘞。在做这次毕业设计之前，本人在图书馆借阅了Flash Builder4&Flex4宝典、Flash ActionScript 3 殿堂之路、动画制作与创意典型实例数据结构C语言版等书。在这次的毕业设计过程中，吴海涛老师给了我很大的帮助，在此表示感谢。纣忧蔣氳頑莶驅藥悯骛。本设计主要是基于FlashBuilder平台的动画设计，就是用Flash将链表生动的表现出来。用Flash做出来的链表能够更加生动地反映出链表的构成，和对链表的删除操作。做好这次的毕业设计，本人认为是非常有必要的。在进行设计的时，让我们能够学会如何独立的设计一个完整的演示动画，也对我们编程技术的一种锻炼。颖刍莖蛺饽亿顿裊赔泷。Flashbuilder是集动画、声音和交互于一体的软件，因此在做这个设计的时候，要考虑到动画的播放模式，以及交互的应用，加入按钮可以与浏览者互动，在此过程中我们又可以学会按钮的创建、按钮中的动画以及加入到按钮中的Action Script代码知识。在遇到不会的时候，一方面向指导老师询问，另一方面，自己也可以到网上去查阅。濫驂膽閉驟羥闈詔寢賻。毕业设计是每个专业的学习、实践和创新的实践性教学环节，做好毕业设计，也是对自己所学的知识的一次系统性的总结。有助于对自己经行查漏补缺，巩固以前所学的知识，这样，也是对自身的一次升华。銚銻縵哜鳗鸿锓謎諏涼。1、 选题意义及背景动画演示这种教学方式的出现使我们的教学进入了一个全新的时代，动画教学的交互性的控制性强，能够使我们直接参与进去。使我们的教学变得更加的轻松。在其他教学方式中具有无法比拟的优势。传统的教学方式与动画教学方式相比，有很多的缺点，比如在传统的教学过程中，一切都是由教师决定的从教学内容、教学策略、教学方法、教学步骤甚至学生做的练习都是教师事先安排好的，学生只能被动地参与这个过程，即处于被灌输的状态。挤貼綬电麥结鈺贖哓类。将动画结合到教学中，可以避免传统教学的一些缺点。使学生能够主动接受，慢慢理解。动画演示链表的基本操作对于我们对于链表的结构和基本操作算法有非常大的帮助，另外，链表是数据结构中比较基础的一种结构，学好链表对于我们学习其他的结构有很大的帮助。赔荊紳谘侖驟辽輩袜錈。2、 方案及论证一）、动画软件 FlashBuilder概述1、FlashBuilder简介这款软件是由Adobe公司开发的。它对软件开发人员使用开放源 Flex 框架快速开发跨平台富 Internet 应用程序 (RIA) 和内容起到了一定的帮助作用。这个软件包含了对智能编码、调试及可视设计的支持，提供功能非常强大的测试工具，而这些工具的使用可以提高开发速度并创建出性能更高的应用程序。塤礙籟馐决穩賽釙冊庫。Flex 是FlashBuilder中的一个高效、免费的开放源框架，软件开发人员可以将其用于构建具有表现力的 Web 应用程序，这些web应用程序利用 Adobe Flash Player 和 Adobe AIR 运行时可以实现跨浏览器、桌面和操作系统实现一致的部署。09年5月，下一代Flex Builder，即Flex Builder 4.0（是IDE，而非SDK）改名为Flash Builder。虽然只能使用 Flex 框架构建 Flex 应用程序，开发人员利用Adobe Flash Builder软件可以通过智能编码、交互式遍历调试以及可视设计用户界面布局等功能加快开发。裊樣祕廬廂颤谚鍘羋蔺。2、 脚本语言ActionScript简介 ActionScript脚本语言已经广泛的应用到Flash CS、FlashBuilder中。应用ActionScript编程可以实现动画的交互性。仓嫗盤紲嘱珑詁鍬齊驁。ActionScript 脚本语言是一种针对 Adobe Flash Player 运行时环境的编程语言，它面向对象，功能强大、具有业界标准素质，实现了交互性、数据处理以及其它许多功能ActionScript 脚本语言功不可没。 ActionScript 编写的代码是由 Flash Player播放器 中的 ActionScript 虚拟机 (AVM) 来编译执行的。ActionScript 代码通常被编译器编译成字节码格式（是一种由计算机编写且能够为计算机所理解的编程语言），字节码嵌入 SWF 文件中，SWF 文件由运行时环境 Flash Player 执行。 绽萬璉轆娛閬蛏鬮绾瀧。ActionScript 3.0 版本的脚本语言向我们提供了可靠的编程模型，开发人员在进行面向对象的编程时对此模型会感到似曾相识。骁顾燁鶚巯瀆蕪領鲡赙。在ActionScript面向对象编程中，任何类都可以包含3种类型的特性：属性、方法、事件。这些元素共同用于管理程序使用的数据块，并用于确定执行哪些动作以及动作的顺序。 瑣钋濺暧惲锟缟馭篩凉。ActionScript 3.0 中的常用的一些函数介绍：获得某个实例对象的类名：getQualifiedClassName (实例名字符串表达式);Math.random();范围为01的随机值；取出方法getter；设定方法setter;addEventListener()添加点击响应件;stop();gotoAndPlay();等等，鎦诗涇艳损楼紲鯗餳類。ActionScript 3.0 中常用的类：Tweener 用于过度与切换的一组动画；FlexLib 一套开源的Flex界面组件库。栉缏歐锄棗鈕种鵑瑶锬。ActionScript 3.0 中常用的属性：X属性主要用于设置对象在舞台中的水平坐标；Y属性主要用于设置对象在舞台中的垂直坐标；scaleX属性用于设置对象的水平缩放比例，其默认值为1，表示按100%缩放；alpha属性用于设置对象的透明度；visible设置对象可见度，事实上可以将属性视为包含在对象中的子变量。辔烨棟剛殓攬瑤丽阄应。事件：是确定计算机执行哪些指令以及何时执行的机制。从本质上来说，事件就是所发生的、ActionScript能够识别并可响应的事情。峴扬斕滾澗辐滠兴渙藺。3、 ActionScript 3.0 的优点完全支持面向对象编程（OOP）语言。核心语言基于 ECMAScript（ECMA 262）标准，对OOP架构深层优化。彻底更新的显示对象系统架构。引入了封装的概念，使得程序安全性大大提高，各个对象之间的关系也通过封装，访问控制而得以确定，避免了不可靠的访问给程序带来的意外产生。它旨在方便创建拥有大型数据集和面向对象的可重用代码库的高度复杂应用程序。詩叁撻訥烬忧毀厉鋨骜。采用了先进的 E4X，使 XML 成为 ActionScript 3 语言的内建数据类型（native support）。操作直白、简单。与ActionScript 2比较， 极大地减轻了XML数据处理工作量。 则鯤愜韋瘓賈晖园栋泷。全面支持正则表达式。正则表达式也成了ActionScript 3的内建数据类型，ActionScript 3对字符串的处理能力空前增强。 胀鏝彈奥秘孫戶孪钇賻。 AS3采用了容器的思想，告别了as2一个MovieClip打天下的局面。异常处理机制。异常包括信息全面、易于调试和处理。Flash API全面支持异常处理机制。 2） 数据结构之链表1、 链表概述链表是一种物理存储单元上非连续、非顺序的存储结构，数据元素的逻辑顺序是通过链表中的指针链接次序实现的。链表由一系列结点（链表中每一个元素称为结点）组成，结点可以在运行时动态生成。每个结点包括两个部分：一个是存储数据元素的数据域，另一个是存储下一个结点地址的指针域。它可以和随意的在其任意一个位置进行插入和删除操作，这对于动态的数据处理十分的有利。比如，有的班级有200人，而有的班只有30人，如果要用同一个数组先后存放不同班级的学生数据，则必须定义长度为200的数组。如果实现难以确定一个班的最多人数，则必须把数组定得足够大，以能存放任何班级的学生数据，数组大小确定后不可改变，需要连续的内存空间，显然这将会浪费内存。然而链表则没有这种缺点，它并不需要连续的内存空间，它是根据需要开辟内存单元。图2.1.1表示最简单的一种链表的结构。鳃躋峽祷紉诵帮废掃減。图2.1.1 链表的结构可以看到链表中各元素在内存中可以不是连续存放的。要找到某一元素，必须先找到上一个元素，根据它提供的下一元素地址才能找到下一元素。如果不提供“头指针”（head），则整个链表都无法访问。稟虛嬪赈维哜妝扩踴粜。2、链表的插入操作链表能够方便地实现结点的插入操作，这也是链表结构具有动态分配存储空间的体现，也是它优于数组的地方之一。还是举小朋友排队的例子来说明链表的插入是怎样实现的。在这个比喻里面，每一个小朋友相当于一个结点，一个小朋友的手拉着另一个小朋友的手，相当于一个结点的指针域指向下一个结点。如图2.2.1假设现有一对按大小个排好队的小朋友，又来一个小朋友“C”需要加入该队列。这时候，他需要插入B于D两个小朋友之间。然后，把这两个小朋友的手分开，让前一个小朋友的手该拉着新来小朋友的一只手，新来小朋友的另一只手拉着后一个小朋友的一只手。这样，新来的小朋友就被插入到这个队伍里面了，并且这个队伍的小朋友还是按照身高顺序排列的，如图2.2.2。实际链表的插入操作也就可以类似地实现。陽簍埡鲑罷規呜旧岿錟。图2.2.1 原来的队伍图2.2.2 C插入后的队伍算法的C语言描述/在带头结点的单链线性表L中第i个位置之前插入元素eint ListInsert(LinkList *L,int i,ElemType e) int j=0; LinkList p=*L,s; while(p & jnext; j+; if(!p | ji-1) / i小于1或者大于表长 return 0; s=(LinkList)malloc(sizeof(struct LNode); / 生成新结点 s-data=e插入L中 沩氣嘮戇苌鑿鑿槠谔應。s-next=p-next; p-next=s; return 1; 3、 链表的删除操作还是举小朋友排队的例子来说明链表的删除是怎样实现的。在这个比喻里面，每一个小朋友相当于一个结点，一个小朋友的手拉着另一个小朋友的手，相当于一个结点的指针域指向下一个结点。如图2.3.1假设现有一对按大小个排好队的小朋友，小朋友“C”需要离开该队列。这时候，他需要让前一个小朋友的手该拉着他后面小朋友的一只手，自己放开手。这样，C小朋友就被从队伍里面删除了，并且这个队伍的小朋友还是按照身高顺序排列的，如图2.3.2。实际链表的删除操作也就可以类似地实现。钡嵐縣緱虜荣产涛團蔺。图2.3.2 C删除前的队伍 图2.3.2 C删除后的队伍算法的C语言描述/ 在带头结点的单链线性表L中，删除第i个元素,并由e返回其值 int ListDelete(LinkList *L, int i,ElemType *e) int j = 0; LinkList p=*L,q; while(p-next&jnext; j+; if(!p-next|ji-1) / 删除位置不合理 return 0; q=p-next; / 删除并释放结点 p-next=q-next; *e=q-data; free(q); return 1; 4、单链表的特点链表的链接方向是单向的，对链表的访问要通过顺序读取从头部开始；链表是使用指针进行构造的列表；又称为结点列表，因为链表是由一个个结点组装起来的；其中每个结点都有指针成员变量指列表中的下一个结点。懨俠劑鈍触乐鹇烬觶騮。3） 设计的功能描述利用FlashBuilder软件，制作一个动画，完成链表的删除、插入操作过程的演示。用户可以通过点击插入按钮，进入到插入主页面，页面中提示用户需要手动的输入要插入的位置和数据，输入之后，点击插入就可以观看到整个插入过程，如果输入节点和位置不正确也会出现相关的提醒，点击确定按钮，再重来。同样的道理，用户可以通过点击删除按钮，进入到删除的主页面，页面中提示用户需要手动的输入要删除的位置，输入之后，点击插入就可以观看到整个插入过程，如果输入节点和位置不正确也会出现相关的提醒，点击确定按钮，再重来。謾饱兗争詣繚鮐癞别瀘。四）设计思想利用MornBuilder编辑资源，发布代码后，进入Flashbuilder软件编辑代码。实现插入，删除动画。ActionScript脚本语言得到完善，提供了按钮和MC两种可以出发事件的基本对象，使得我们做的动画能够实现与用户的交互。呙铉們欤谦鸪饺竞荡赚。用户与Flash动画的交互体现在用户能够直接对动画的播放进行控制和影响动画的内容。用户对动画的播放进程的控制是比较容易实现的，主要是借助按钮对象以及在按钮上添加的动作语句来实现即可。但是要实现用户对的输入对动画的影响必须考虑以下两个问题：莹谐龌蕲賞组靄绉嚴减。（1） 用户控制动画改变的权限不宜过大，也不可过小。如果过大的话，那么实现过程就很困难，但是过小则无法体现交互性。麸肃鹏镟轿騍镣缚縟糶。（2） 应该结合具体情况来制定相应的实现策略。固定的实现部分应采用模板组件或者库构件等可重用元素实现，来达到代码重用和可移植的目的。納畴鳗吶鄖禎銣腻鰲锬。在本设计中，是通过按钮按键来控制动画的播放效果，链表的插入动画中主要有三个按钮，插入按钮，重来按钮和当插入地址越界时的提醒知道了按钮。为按钮添加Action Script控制动画的播放，是在按钮动作面板中添加相应的动作脚本来实现的。風撵鲔貓铁频钙蓟纠庙。五）设计中的主要难点1、鼠标点击事件当点击插入按钮时，要完成插入动画，当点击删除按钮时，相应的进行删除操作，当点击退出时返回上层。2、指针的移动当点击删除或者插入按钮时，如何自动生成节点，和调用什么函数能够使指针的自动移动，以什么样的速度移动，移动范围。灭嗳骇諗鋅猎輛觏馊藹。3、 过程论述数据结构是计算机专业的重要课程之一，但是教学中普遍存在对算法理解上的困难，特别是以类C语言写的算法程序过程复杂，难以掌握，在这样一种情况下，本设计主要研究的是链表基本操作的动画演示，它能够帮助我们更直观的理解链表的一些基本操作。体现多媒体教学的重要意义。铹鸝饷飾镡閌赀诨癱骝。 目前的一些高校和教学网站,出现的类似算法动画演示课件大多可分为两类:一类是采用专用语言,如C或JAVA来开发,另一类则采用一些多媒体制作工 具来设计,如PowerPoint, Authorware 等.前者用程序设计语言来开发,周图 1 单链表的插入算法的动画界面期长,成本大,难以推广和维护;后者虽易开发,易 使用,但因受其功能限制并不能制作出真正意义上的动画影片.而通常上述方法开发出的可执行文件尺寸较大,不宜于远程网络下的CAI教学.近年来,由于认识到Flash在制作网页动画中的突出性能,也出现了许多利用其开发的教学课件, 不 过这些教学课件通常只利用了Flash 的动画制作能力,并未充分挖掘和实现 Action Script 脚本的强大控制功能,所实现的均是同一种动画流程的播放: 即动画过程不能交互改变,动画内容在反复播放中也不能有所变化.攙閿频嵘陣澇諗谴隴泸。本文介绍的数据结构中的链表操作动画演示课件利用了ActionScript脚本编程的控制功能，来实现动画与用户的交互。这个动画不紧需要我们了解链表基本操作的过程，而且需要将这个过程通过动画形象生动地表现出来，并实现与用户的交互性，使学者对算法过程得到全面深刻的理解。趕輾雏纨颗锊讨跃满賺。下面以数据结构链表的插入和删除算法动画为例，说明其具体实现过程和步骤。一）平台搭建和初步准备工作1、环境要求Windows Xp以上 cpu 1g 内存2g2、准备工具编程工具：flashbuilder4.6素材编辑工具：Morn Builder类库swc：greensock.swc和MornUILib.swc图片资源：略3、创建项目打开flashbuilder-文件-新建actionscript项目-项目名写入zuoye-文件夹 d:/ -应用程序类型选择web（在Adobe Flash Player中运行）-Flex SDk版本选择 使用flex4.6.0-下一步-添加swc 把准备的greensock.swc和MornUILib.swc添加进来-完成夹覡闾辁駁档驀迁锬減。4、编辑资源打开Morn Builder-项目-新建项目-项目名称-写上Zuoye-项目位置浏览到你刚才用flashbuilder新建项目的根目录下-确定视絀镘鸸鲚鐘脑钧欖粝。将你准备的图片资源导入到 项目根目录mornassetscomp下-刷新资源列表页面-新建页面-宽高设置为750*550，新建Main、Insert、Delete、Cell、UpArrow这几个页面，主界面见图示3.1偽澀锟攢鴛擋緬铹鈞錠。图3.1插入操作界面如图3.2图3.2删除操作界面如图3.3图3.3Cell如图3.4图3.4UpArrow如图3.5图3.52） 动画实现除了主类ZuoYe.as已存在，另外还要新建其他几个类MainView.as 对插入按钮和删除按钮进行控制，点击插入按钮进入“单链表节点的插入”界面，点击删除按钮进入“单链表节点的删除”界面緦徑铫膾龋轿级镗挢廟。InsertView.as 此为“单链表节点的插入”界面DeleteView.as此为“单链表节点的删除”界面CellView.as 此为单元链表界面UpArrowView.as 此为向上箭头的界面主类ZuoYe.as中先初始化整个项目App.init(this); /启动项目App.loader.loadAssets(assets/comp.swf,new Handler(loaded),new Handler(loading); 騅憑钶銘侥张礫阵轸蔼。在资源加载完成事件中添加显示对象MainViewview=new MainView();/新建主界面addChild(view); /在舞台上加载主界面1、主界面代码设计MainView.as中先初始化并为InsertView类和DeleteView类实例化对象，然后为两个按钮添加鼠标click事件，以达到点击按钮进入某个界面的效果。疠骐錾农剎貯狱颢幗騮。核心代码如下： override protected function initialize():voidview_insert=new InsertView();/新建一个插入视图addChild(view_insert);/把插入视图添加到主界面中view_delete=new DeleteView();/新建一个删除操作addChild(view_delete);/把删除视图添加到主界面中view_insert.visible=view_delete.visible=false;/设置初始可见度镞锊过润启婭澗骆讕瀘。 view_insert.addEventListener(ChildClassEvent.Back,showSth);/为插入视图添加按钮点击事件 view_delete.addEventListener(ChildClassEvent.Back,showSth);/为删除视图添加按钮点击事件榿贰轲誊壟该槛鲻垲赛。btn_1.addEventListener(MouseEvent.CLICK,onClicked);邁茑赚陉宾呗擷鹪讼凑。btn_2.addEventListener(MouseEvent.CLICK,onClicked);嵝硖贪塒廩袞悯倉華糲。2、插入操作代码设计（1）在InsertView.as初始化方法中对元件初始化核心代码如下： for(var i;int i=0;i5;i+) arrArrow.push(this“arrow_”+i); /将五个箭头push到arrArrow数组中该栎谖碼戆沖巋鳧薩锭。 arrow_up.scaleX=0; /设置朝上箭头元件为0 arrow_p.visible=false; /设置指针元件不可见 btn_insert.addEventListener(MouseEvent.CLICK.onClicked);劇妆诨貰攖苹埘呂仑庙。 btn_redo.addEventListener(MouseEvent.CLICK.onClicked);臠龍讹驄桠业變墊罗蘄。 btn_return.addEventListener(MouseEvent.CLICK.onClicked);鰻順褛悦漚縫冁屜鸭骞。 timer.addEventListener(TimeEvent.TIMER.onTimer); timer.addEventListener(TimeEvent.TIMER_COMPLETE.timerCompleteEvent);穑釓虚绺滟鳗絲懷紓泺。（2） 在鼠标事件方法中对插入按钮作相应效果，如果点击插入按钮，就进行指针的动画过程，如果点击重来按钮，就重新返回插入的主界面。隶誆荧鉴獫纲鴣攣駘賽。核心代码如下:switch(e.target)case btn_insert:doAction();/播放动画break;case btn_redo: /当按下“重来”按钮时，初始化整个舞台timeLineLite.kill();/停止播放器icon.alpha=1; /设置角元件为可见arrow_up.scaleX=0; /设置朝上箭头的水平比例为0arrow_p.x=arrPosX_arrow_p0; /初始化指针的坐标arrow_p.visible=false; /设置指针为不可见input_1.text=input_2.text=;/清空输入框文本if (index5) arrArrowindex.rotation=0; /初始化箭头角度arrArrowindex.scaleX=1; /初始化箭头比例if(contains(cell)removeChild(cell); /清除链表单元btn_insert.mouseEnabled=btn_return.mouseEnabled=true; /设置按钮为可用浹繢腻叢着駕骠構砀湊。break;case btn_return:visible=false; /隐藏Insert界面dispatchEvent(newChildClassEvent(ChildClassEvent.Back); /派发返回主界面事件鈀燭罚櫝箋礱颼畢韫粝。break;default:break;（3） 鼠标点击之后，对插入的地址做出相应的判断，如果地址小于5，使用appen函数指针做出缓动，生成一个节点，完成插入过程。惬執缉蘿绅颀阳灣熗鍵。核心代码：private function timerCompleteEvent(e:TimerEvent):void贞廈给鏌綞牵鎮獵鎦龐。cell.alpha=1; /设置链表单元透明度为最大timeLineLite=new TimelineLite();/创建播放器实例timeLineLite.append(new TweenLite(cell,2,y:PosY_cell);/链表单元从存储池下降到这个位置嚌鲭级厨胀鑲铟礦毁蕲。timeLineLite.append(newTweenLite(cell,index*1,x:arrPosX_cell-index); /链表单元左移薊镔竖牍熒浹醬籬铃騫。if (index5) timeLineLite.append(new TweenLite(cell.arrow,2,scaleX:1);/设置链表单元箭头的水平比例为1齡践砚语蜗铸转絹攤濼。timeLineLite.append(new TweenLite(arrArrowindex,2,scaleX:0,onComplete:function():void(arrArrowindex as Image).rotation=-90);/将链表单元的箭头角度改为-90，使其朝上绅薮疮颧訝标販繯轅赛。timeLineLite.append(new TweenLite(arrArrowindex,2,scaleX:1);/设置前一个链表箭头的水平比例为1饪箩狞屬诺釙诬苧径凛。elsetimeLineLite.append(new TweenLite(cell.icon,1,alpha:1);烴毙潜籬賢擔視蠶贲粵。/设置链表单元角的透明度为最大timeLineLite.append(new TweenLite(icon,1,alpha:0);鋝岂涛軌跃轮莳講嫗键。/设置前一个链表角的透明度为最小timeLineLite.append(new TweenLite(arrow_up,2,scaleX:1);撷伪氢鱧轍幂聹諛詼庞。/设置朝上箭头的水平比例为最大3、 删除操作的代码设计（1）界面初始化，在InsertView.as初始化方法中对元件初始化，生成各节点核心代码如下：for (var j:int = 0; j 2;/后面两个链表单元的角元件可见if(j=3)cell.icon.alpha=0;/第四个链表单元的角设为透明cell.arrow.visible=cell.img.visible=false;/隐藏链表单元不相关的元件婭鑠机职銦夾簣軒蚀骞。cell.arrow_right.visible=j!=4;/设置最后一个链表单元的箭头为可见btn_delete.addEventListener(MouseEvent.CLICK,onClicked);譽諶掺铒锭试监鄺儕泻。btn_recome.addEventListener(MouseEvent.CLICK,onClicked);俦聹执償閏号燴鈿膽賾。btn_return.addEventListener(MouseEvent.CLICK,onClicked);缜電怅淺靓蠐浅錒鵬凜。timer.addEventListener(TimerEvent.TIMER,onTimer);timer.addEventListener(TimerEvent.TIMER_COMPLETE,timerCompleteEvent);骥擯帜褸饜兗椏長绛粤。（2）在鼠标事件方法中对插入按钮作相应效果，如果点击删除按钮，则进行指针动作，完成删除动画。如果点击重来按钮，返回到主删除界面。癱噴导閽骋艳捣靨骢鍵。核心代码如下:private function onClicked(e:MouseEvent):voidswitch(e.target)case btn_delete:doAction();/播放动画break;case btn_recome:var a:Array=,0,1,2,3,4;/设置索引器timeLinelite.kill();/停止播放器的工作arrow_P.visible=false;/隐藏指针arrow_P.x=arrPosX_arrow_P0;/初始化指针坐标arrow_curve.scaleX=0;/初始化弯曲箭头的水平比例if(index1)(arrCellaindex-1 as CellUI).arrow_right.scaleX=1;/初始化链表单元朝右箭头的水平比例鑣鸽夺圆鯢齙慫餞離龐。(arrCellaindex as CellUI).arrow_right.scaleX=1;/设置链表单元右箭头的水平比例榄阈团皱鹏緦寿驏頦蕴。(arrCellaindex as CellUI).alpha=1;/ /设置链表单元右箭头的透明度逊输吴贝义鲽國鳩犹騸。(arrCellaindex as CellUI).x=arrPosX_cellaindex;/初始化X坐标幘觇匮骇儺红卤齡镰瀉。(arrCellaindex as CellUI).y=146; /初始化Y坐标(arrCellaindex as CellUI).txt.alpha=1;/显示链表单元文本内容誦终决懷区馱倆侧澩赜。container.alpha=1;/设置容器的透明度container.scaleY=0;/ 设置容器的水平比例container.y=228; / 设置容器的Y坐标arrow_0.scaleX=1;/初始化第一个链表单元的水平比例btn_delete.mouseEnabled=btn_return.mouseEnabled=true;医涤侣綃噲睞齒办銩凛。/将按钮设为可用break;case btn_return:visible=false;/设置当前界面不可见dispatchEvent(new ChildClassEvent(ChildClassEvent.Back);/派发返回主界面事件舻当为遙头韪鳍哕晕糞。break;default:break;（3）指针移动动画实现： private function timerCompleteEvent(e:TimerEvent):void鸪凑鸛齏嶇烛罵奖选锯。var a1:Array=,0,1,2,3,4;/前一个单元链表的索引（对要移除的单元链表而言）筧驪鴨栌怀鏇颐嵘悅废。var a2:Array=,0,1,2,3,4;/要移除的单元链表的索引 var offsetPoint:Point=new Point();timeLinelite=new TimelineLite();/创建播放器container.x=arrPosX_containera2index;/初始化容器的坐标韋鋯鯖荣擬滄閡悬贖蘊。offsetPoint.x=container.x-arrCella2index.x;/设定箭头容器的x坐标（要移除的单元链表下面的）涛貶騸锬晋铩锩揿宪骟。offsetPoint.y=container.y-arrCella2index.x-24;timeLinelite.append(new TweenLite(container,2,scaleY:1);钿蘇饌華檻杩鐵样说泻。if(index=5)timeLinelite.append(new TweenLite(arrCella2index as CellUI).icon,1,alpha:0);/最后一个单元链表的角消失戧礱風熗浇鄖适泞嚀贗。if (index=1) timeLinelite.append(new TweenLite(arrow_0,2,scaleX:0);/如果移除的是第一个单元链表 将前面棕色的单元链表的指向右的箭头缩短購櫛頁詩燦戶踐澜襯鳳。elsetimeLinelite.append(new TweenLite(arrCella1index as CellUI).arrow_right,2,scaleX:0);嗫奐闃頜瑷踯谫瓒兽粪。if(index=5)timeLinelite.append(new TweenLite(arrCella1index as CellUI).icon,1,alpha:1);/倒数第二个单元链表的角显示虚龉鐮宠確嵝誄祷舻鋸。if(index!=5)timeLinelite.append(new TweenLite(arrow_curve,2,scaleX:1,onStart:function():voidarrow_curve.x=arrPosX_curveArrowindex);/上面那个大的弯曲的箭头伸展 與顶鍔笋类謾蝾纪黾廢。if(index!=5)timeLinelite.append(new TweenLite(arrCella2index as CellUI).arrow_right,2,scaleX:0);/除最后一个其他的单元链表指向右的箭头缩短結释鏈跄絞塒繭绽綹蕴。timeLinelite.appendMultiple(new TweenLite(arrCella2index,1,y:PosY),new TweenLite(container,1,y:PosY+78);/要移除的单元链表连同下面黄色弯曲的箭头一起向下移动餑诎鉈鲻缥评缯肃鮮驃。timeLinelite.appendMultiple(newTweenLite(arrCella2index,2,alpha:0,y:389),newTweenLite(arrCella2indexasCellUI).txt,0.5,alpha:0),newTweenLite(container,2,alpha:0,y:389+78);/要移除的单元链表连同下面黄色弯曲的箭头一起向下移动至存储池爷缆鉅摯騰厕綁荩笺潑。3） 动画运行在2位置插入数据为5的节点之后，我们能够观看到的动画是插入节点的指针先指向a2节点，a1的后继指向插入节点，整个插入操作就完成了，完成后的界面如图3.6锞炽邐繒萨蝦窦补飙赝。图3.6删除第三个位置上的节点，首先P指针找到第二个节点，然后a2的后继指向它后继的后继，删除后的节点进入存储池，整个删除操作完成之后的界面如图3.7曠戗輔鑽襉倆瘋诌琿凤。图3.7四、存在的问题和不足1） 在整体设计中，界面设计不是那么美观，有待改进。2） 动画中没能实现声音功能，在教学演示中如果边演示动画边有声音播放，对于理解会有很大的帮助，由于本次