Flex与FLASH区别及Flex动画效果学习.docVIP

Flex与FLASH区别及Flex动画效果学习在Flex里面不像在Flash里面随意制作动画了，Flex更趋向于应用程序，而不是动画制作了，所以没有了时间轴的概念。在Flex中使用动画效果， 可以用Flex自带的Effect，或者自已定制Effect，因为很多人都想借Flash里面的一样操作Flex，比如在Flash里面做一个动态按钮 很容易，当鼠标移动到上面时，会有很多发光的点跑出来（荧火虫效果），这种效果在Flash十分容易实现，但在Flex里面要实现这种效果就不是那么简单 的了，下面说说在Flex里的的动务效果的使用与自定义制作。?首先介绍一下Flex里面的自带的效果有以下几种：?Blur???????? 模糊效果?Move???????? 移动效果?Fade???????? 淡入淡出效果?Glow???????? 发光效果?Resize???????? 调整大小效果?Rotate???????? 旋转效果?Zoom???????? 缩放效果?WipeLeft 用遮罩实现画面收放效果，下同，分别为不同方向?WipeRight?WipeUp?WipeDown?不同的效果所需要设置的属性也不一样，比如Blur效果需要设置它的X与Y轴的模糊像素?mx:Blur id=”blur” blurXFrom=”0″ blurXTo=”10″ /?而Move效果需要设置移动的位置信息?mx:Move id=”moveEffect” xFrom=”-100″ /?其它设置可以参考Flex语言参考?下面说说如何使用这些效果。要运行这些效果有两种方法：一种是调用该效果的play()方法，另外一种是使用触发器来触发效果。?（1）使用play()方法：?先看效果：在线播放?以下代码：??xml version=”1.0″ encoding=”utf-8″??mx:Application xmlns:mx=”/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?在 代码中看到，要使用效果，先定好一个效果，如上面的mx:Blur …该标签就是模糊效果的MXML标签，定好效果后在Panel的点击事件里再对该效果进行一些设置，如be.target = event.currentTarget 设置该效果将要应用到的目标组件(Component)，之后再调用play()方法后，该效果就会应用在Panel上面播放！?（2）使用触发器播放效果：?使用触发器播放效果的话，可以不用写ActionScript代码，直接在组件的效果触发器上指明使用哪个效果就可以了，比较简单明了，但就不能进行更多的属性定制，而用AS控制播放的话，可以对效果进行很多的设置再相应根据情况播放，先看看触发器播放的代码：?以下代码：??xml version=”1.0″ encoding=”utf-8″??mx:Application xmlns:mx=”/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?看以上代码，先写好了Blur的效果并设置好属性后，duration=”2000″这个是播放的时间以毫秒为单位。?在Panel标签里有这样一句：creationCompleteEffect=”{be}” 这个就是触发器，是该Panel组件的效果触发器，当Panel组件加载完成时，会由系统自动调用该效果触发器，触发器里面指了触发 be 这个Blur效果?在Flex里面还有很多触发器如：?addedEffect????????????????????????? 被添加进容器时触发效果?removedEffect???????????????????? 被从容器中移除时触发效果