Flex动画效果与变换 一 转.docVIP

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=blurblurXFrom=0″blurXTo=10″/ 而Move效果需要设置移动的位置信息 mx：Move id=moveEffectxFrom=-100″/ 其它设置可以参考Flex语言参考 下面说说如何使用这些效果。要运行这些效果有两种方法：一种是调用该效果的play()方法，另外一种是使用触发器来触发效果。 (1)使用play()方法： 先看效果：在线播放 以下代码： ?xml version=1.0″encoding=utf-8″? mx：Application xmlns：mx=layout=absolute mx：Script ！[CDATA[ private function onClick(event：Event)：void{ be.target=event.currentTarget； be.play()； } ]] /mx：Script mx：Blur id=beblurXTo=50″blurYTo=50″duration=1000″/ mx：Panel id=pwidth=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=layout=absolute mx：Blur id=beblurXTo=50″blurYTo=50″duration=2000″/ mx：Panel id=pwidth=200″height=180″creationCompleteEffect={be}/ /mx：Application 看以上代码，先写好了Blur的效果并设置好属性后，duration=2000″这个是播放的时间以毫秒为单位。 在Panel标签里有这样一句：creationCompleteEffect={be}这个就是触发器，是该Panel组件的效果触发器，当Panel组件加载完成时，会由系统自动调用该效果触发器，触发器里面指了触发be这个Blur效果 在Flex里面还有很多触发器如： addedEffect被添加进容器时触发效果 removedEffect被从容器中移除时触发效果 creationCompleteEffect被创建成功时触发效果 focusInEffect获得焦点时触发 focusOutEffect失去焦点时触发 hideEffect被隐藏时(visible=false)触发 showEffect被显示时(visible=true)触发 rollOverEffect鼠标经过时触发 rollOutEffect鼠标离开时触发 mouseDownEffect鼠标按下时触发 mouseUpEffect鼠标松开时触发 moveEffect被移动时触发 resizeEffect被重整大小时触发 注意：这