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啦。。。。。。。