flex效果示例代码

<!--*************************==特效==*******************************-->
<!--发光特效-->
<mx:Glow id="BtnGlow" alphaFrom="0.8" alphaTo="0.0" blurXFrom="0.0" blurXTo="50.0" blurYFrom="0.0" blurYTo="50.0"
duration="1000" color="red"/>
<!--模糊效果-->
<mx:Blur id="LblBlur" duration="1000" blurXFrom="10.0" blurXTo="0.0" blurYFrom="10.0" blurYTo="0.0"/>
<!--拉伸效果-->
<mx:AnimateProperty id="animateProperty" duration="2000" property="scaleX" fromValue="1" toValue="3" />
<!--溶解效果-->
<mx:Dissolve id="dissolve" alphaFrom="1.0" alphaTo="0.8" color="red" duration="2000"/>
<!--淡入淡出效果-->
<mx:Fade id="fade" duration="2000" alphaFrom="0.2" alphaTo="1.0" />
<!--从小变大效果-->
<mx:Iris id="iris" duration="2000" />
<!--移动效果-->
<!--尺寸缩放效果-->
<mx:Resize id="resize" duration="2000" heightFrom="20" heightTo="200" widthFrom="20" widthTo="200"/>
<mx:Resize id="resize1" duration="2000" heightFrom="200" heightTo="20" widthFrom="200" widthTo="20"/>
<!--旋转效果-->
<mx:Rotate id="rotate" duration="2000" angleFrom="0" angleTo="360" originX="100" originY="100"/>
<!--缩放效果-->
<mx:Zoom id="zoom" duration="2000" zoomWidthFrom="1" zoomWidthTo="0" />
<mx:Zoom id="zoom1" duration="2000" zoomWidthFrom="0" zoomWidthTo="1" />
<!--***********************************************************-->

<mx:HBox>

<!--发光的特效-->
<mx:Button id="GlowButton" label="发光" width="55" height="55" rollOverEffect="{BtnGlow}" />
<!--模糊效果-->
<mx:Label id="BlurLabel" text="模糊效果" visible="true" rollOverEffect="{LblBlur}" />
<!--拉伸效果-->
<mx:Label id="anLabel" text="拉伸效果" rollOverEffect="{animateProperty}"/>
<!--溶解效果-->
<mx:Button id="dissBtn" label="溶解效果" rollOverEffect="{dissolve}"/>
<!--淡入淡出效果-->
<mx:Button id="fadeBtn" label="淡入淡出效果" rollOverEffect="{fade}"/>
<!--从小变大效果-->
<mx:Button id="irisBtn" label="缩小效果" rollOverEffect="{iris}"/>
<!--移动效果-->
<mx:Button id="moveBtn" label="移动效果" />
</mx:HBox>
<mx:HBox>
<!--尺寸缩放效果-->
<mx:Button id="resizeBtn" label="尺寸缩放效果" rollOverEffect="{resize}" rollOutEffect="{resize1}"/>
<!--旋转效果-->
<mx:Button id="rotateBtn" label="旋转效果" width="200" height="200" rollOverEffect="{rotate}"/>
<!--缩放效果-->
<mx:Panel id="zoomPanel1" label="缩放效果" width="200" height="200" rollOverEffect="{zoom}"/>
<mx:Panel id="zoomPanel2" title="缩放效果zoomPanel2" width="200" height="200" rollOverEffect="{zoom1}"/>

</mx:HBox>