简明现代魔法 -> Flex/ActionScript/AIR -> ActionScript 图片移动

ActionScript 图片移动

2009-10-06

效果演示

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" 
	creationComplete="initApp()" width="700" height="350">
    <mx:Script>
        <![CDATA[
            import mx.effects.Move;
            private var myMove:Move;
            internal function initApp():void{
                myMove=new Move();
                myMove.xFrom=0;
                myMove.xTo=220;
                myMove.duration=2000;
                myMove.target=image; //指定目标对像
            }
        ]]>
    </mx:Script>
    <mx:Image x="0" y="0" source="images/desktop.jpg" id="image"/> 
    <mx:Button label="点击开始移动" id="btnMove" click="myMove.play()" fontSize="12" x="298" y="316"/>
</mx:Application>

导入类库mx.effects.Move，然后定义变量myMove，创建Move的对象myMove。myMove对象的字段需要先设置下，包括起始横坐标xFrom，终点横坐标xTo，还有移动速度duration和目标对象image。

之后按钮的click事件调用该方法click="myMove.play()"。