http://www.jiangzone.com.cn/article.asp?id=45 在Flex里面不像在Flash里面随意制作动画了,Flex更趋向于应用程序,而不是动画制作了,所以没有了时间轴的概念。在Flex中使用动画效果,可以用Flex自带的Effect,或者自已定制Effect,因为很多人都想借Flash里面的一样操作Flex,比如在Flash里面做一个动态按钮很容易,当鼠标移动到上面时,会有很多发光的点跑出来(荧火虫效果),这种效果在Flash十分容易实现,但在Flex里面要实现这种效果就不是那么简单的了,下面说说在Flex里的的动务效果的使用与自定义制作。
Flash动画
程序代码
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx=" http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Script> <![CDATA[ private function onClick(event:Event):void { be.target = event.currentTarget; be.play( ); } ]]> </mx:Script> <mx:Blur id="be" blurXTo="50" blurYTo="50" duration="1000" /> <mx:Panel id="p" width="200" height="180" click="onClick(event)" /> </mx:Application>
程序代码
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx=" http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Blur id="be" blurXTo="50" blurYTo="50" duration="2000" /> <mx:Panel id="p" width="200" height="180" creationCompleteEffect="{be}" /> </mx:Application>
程序代码
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx=" http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Script> <![CDATA[ import mx.events.EffectEvent; public function onEffEnd(e:EffectEvent):void{ e.effectInstance.reverse(); e.effectInstance.play(); } ]]> </mx:Script> <mx:Blur id="be" blurXTo="50" blurYTo="50" duration="2000" /> <mx:Panel id="p" width="200" height="180" creationCompleteEffect="{be}" effectEnd="onEffEnd(event)" /> </mx:Application>
Flash动画
程序代码
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx=" http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Sequence id="sequenceEffect"> <mx:Blur id="beOut" blurXTo="50" blurYTo="50" duration="500" /> <mx:Move id="mv" xTo="200" yTo="150" duration="500" /> <mx:Blur id="beIn" blurXFrom="50" blurYFrom="50" blurXTo="0" blurYTo="0" duration="500" /> </mx:Sequence> <mx:Panel id="p" width="200" height="180" mouseDownEffect="sequenceEffect" /> </mx:Application>
程序代码
<mx:Parallel id="parallelEffect"> <mx:Blur id="beOut" blurXTo="50" blurYTo="50" duration="500" /> <mx:Move id="mv" xTo="200" yTo="150" duration="500" /> </mx:Parallel>
|
[转]Flex的动画效果与变换!(一)
最新推荐文章于 2023-02-17 23:23:13 发布