flex_对象动画;

=>animationApp.mxml

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
? xmlns:s="library://ns.adobe.com/flex/spark"
? xmlns:mx="library://ns.adobe.com/flex/mx"
? xmlns:aspackage="aspackage.*"
? minWidth="955" minHeight="600" pageTitle="TheStudioOfCenyebao">
<s:layout>
<s:VerticalLayout horizontalAlign="center" verticalAlign="middle"/>
</s:layout>

<fx:Script>
<![CDATA[

]]>
</fx:Script>


<fx:Declarations>
<!-- 非可视元素 ?-->
</fx:Declarations>


<s:VGroup width="320" height="230" horizontalAlign="center" verticalAlign="middle">
<aspackage:MyComponent id="myComponent"/>
</s:VGroup>
</s:Application>

=>MyComponent.as

package aspackage { import flash.display.Sprite; import flash.events.Event; import flash.events.MouseEvent; import flash.events.TimerEvent; import flash.utils.Timer; import mx.core.UIComponent; public class MyComponent extends UIComponent { /** * 属性*/ /*圆*/ private var circle:Sprite; /*计时器*/ private var myTimer:Timer; /*是否已经单击*/ private var hasClick:Boolean=false; /** * 构造函数 */ public function MyComponent() { /** * 绘制圆*/ circle=new Sprite(); circle.graphics.beginFill(0x990000); circle.graphics.drawCircle(50,50,50); circle.graphics.endFill(); circle.useHandCursor=true; circle.buttonMode=true; this.addChild(circle); /*圆_侦听单击事件*/ circle.addEventListener(MouseEvent.CLICK,startAnimationFn); /*初始化计时器*/ myTimer=new Timer(2000,1); myTimer.addEventListener(TimerEvent.TIMER_COMPLETE,onTimerCompleteHandler); } /** * 计时函数 * @param event */ private function onTimerCompleteHandler(event:TimerEvent):void { /** * 再一次*/ circle.alpha=1; hasClick=false; } /** * 产生动画效果_圆逐渐模糊； * @param event */ private function startAnimationFn(event:MouseEvent):void { if (myTimer.running) { myTimer.reset(); } myTimer.start(); if (!hasClick) { circle.addEventListener(Event.ENTER_FRAME,fadeCircleFn); hasClick=true; } } /** * 圆逐渐模糊 * @param event * About_When this animation starts,this function is called every frame(每帧). * The change made by this function (updated to the screen every frame) is what causes the animation to occur. */ private function fadeCircleFn(event:Event):void { /*通过改变圆的alpha值，来进行逐渐模糊效果*/ circle.alpha-=.05; if (circle.alpha <= 0) { circle.removeEventListener(Event.ENTER_FRAME,fadeCircleFn); } } } }