Flex 教程(1)-------------控件拖动

今天和大家分享下关于在Flex中 针对控件的拖动开发。

1.需要在 .mxml文件中编写一个Button按钮 如下代码：

 <s:Button id="button1" label="Button" x="150" y="300" />

此时会在界面上出现一个命令按钮。

2.编写一个ActionScript脚本 如下代码：

    <fx:Script>
        <![CDATA[

            //按下指针触发的函数
            public function move_panel():void{
                //允许用户拖动指定的控件
                button1.startDrag();
            }

            //释放指针触发的函数
            public function stop_panel():void{
                //停止拖动
                button1.stopDrag();
            }
        ]]>

    </fx:Script>

代码里面已经有注释啦。不用解释。

3.将之前写的Button按钮的代码改写成以下代码样式：

    <s:Button id="button1" label="Button" x="150" y="300"
              mouseDown="move_panel();" mouseUp="stop_panel();"/>

然后就OK啦。。。。。。。