动态显示效果1-优快云博客

本文介绍了一个使用Flex技术创建的动画示例。该示例利用Zoom效果实现了2.5秒的动画，采用Elastic.easeOut缓动方式，并展示了如何通过设置字体、旋转角度、透明度等属性来增强视觉效果。


<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white"> 

    <mx:Script> 
        <![CDATA[ 
            /* Import all the easing classes so its 
               easier to switch between them on the 
               fly without tweaking import statements. */ 
            import mx.effects.easing.*; 
        ]]> 
    </mx:Script> 

    <mx:Style> 
        @font-face { 
            src: url('assets/base02.ttf'); 
            font-family: Base02; 
        } 

        .MyEmbeddedFont { 
            font-family: Base02; 
            font-size: 16px; 
        } 
    </mx:Style> 

    <!-- Set zoom effect for 2.5 seconds (2500 milliseconds) and use the Elastic.easeOut easing method. --> 
    <mx:Zoom id="zoom" duration="2500" easingFunction="Elastic.easeOut" target="{embeddedText}" /> 

    <!-- Use advanced font anti-aliasing for the embedded font, set the rotation to 5 degrees, alpha to 80% and loop the animation. --> 
    <mx:Text id="embeddedText" text="The quick brown fox jumped over the lazy dog." styleName="MyEmbeddedFont" rotation="5" alpha="0.8" fontAntiAliasType="advanced" creationComplete="zoom.play();" effectEnd="zoom.play()" /> 

</mx:Application>