如何使用Flex Move Effect

最新推荐文章于 2009-12-16 10:53:00 发布

最新推荐文章于 2009-12-16 10:53:00 发布 · 191 阅读

文章标签：

#Flex #XML

Flex Effects 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一个使用 Flex 的 MoveEffect 效果的简单示例。通过鼠标点击画布上的任意位置，可以实现图片水平移动到该位置的效果。示例中包含了完整的 MXML 代码。

<?xml version="1.0"?>
<!-- Simple example to demonstrate the Move effect. -->
<!--
	如何使用Flex Move Effect
	MyShareBook.cn 翻译
-->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

    <mx:Script>
        <![CDATA[

            private function moveImage():void {
                myMove.end();
                myMove.xTo=mouseX-60; 
                myMove.play();
            }
      ]]>
    </mx:Script>

    <mx:Move id="myMove" target="{img}"/>

    <mx:Panel title="Move Effect Example" width="95%" height="95%" 
        paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5">

       <mx:Text width="100%" color="blue" 
           text="Click anywhere on the canvas to move the phone horizontally to that position"/>

        <mx:Canvas id="canvas" width="100%" height="100%" mouseDown="moveImage();">

            <mx:Image id="img" source="@Embed(source='assets/Nokia_6630.png')"/>

        </mx:Canvas>

    </mx:Panel>
</mx:Application>