Flex制作Parallel组合效果

今天,偶要着重介绍用Flex制作Parallel组合效果. Parallel组合效果,就是由一系列自定义的效果(如Glow,Fade,Zoom,Resize等)组合而成。这些效果如果单独使用,可能效果不是很理想,仍然比较单调,一旦组合起来之后,在应用中就发挥许多意想不到的效果。当然,这并不是说,我们在应用时,就滥用。我们一定要在应用此效果前先规划一下,否则就会得不偿失。

      举个例子,假定用鼠标按下一幅图片,图片旋转一圈子,然后移动到一个地方,最后渐渐消失。这种效果,我们可以考虑用Parallel组合效果来制作。根据情况我们将组合旋转(Rotate),移动(Move),溶解(Dissolve)效果.

      代码如下:
    <?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#03BF7A, #075F96]">
    <mx:Parallel id="Parallel1">
        <mx:Rotate id="Rotate1"  originX="442" originY="76" angleFrom="0" angleTo="360" duration="1000" />
     <mx:Move id="Move1"    xTo="100"    yTo="400"  duration="1000"  />
     <mx:Fade id="Fade1"    alphaFrom="1" alphaTo="0"   duration="1000" />
    </mx:Parallel>
   
   <mx:Image x="442" y="76" source="images/C.jpg" mouseDownEffect="{Parallel1}" width="318" height="316"/>
   <mx:Label x="476" y="33" text="Flex制作Move移动效果" width="273" fontWeight="bold" fontSize="24" color="#F7F9FB"/>
 </mx:Application>

你可能感兴趣的:(xml,Flex)