Flex中如何利用mouseDown与stopImmediatePropagation事件创建可拖动(draggable)与不可拖动(undraggable)对话框的例子
By Minidxer | March 22, 2008
接下来的例子演示了如何通过监听mouseDown事件与stopImmediatePropagation()事件，创建不可拖动的Alert对话框与可拖动的Alert对话框。
下面是完整代码：
Download: main.mxml
- <?xml version="1.0" encoding="utf-8"?>
- <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
- layout="vertical"
- verticalAlign="middle"
- backgroundColor="white">
- <mx:Script>
- <![CDATA[
- import mx.controls.Alert;
- private function draggableAlert():void {
- Alert.show("Drag me!");
- }
- private function undraggableAlert():void {
- var alert:Alert = Alert.show("Drag me!");
- alert.addEventListener(MouseEvent.MOUSE_DOWN, alert_mouseDown, true);
- }
- private function alert_mouseDown(evt:MouseEvent):void {
- evt.stopImmediatePropagation();
- }
- ]]>
- </mx:Script>
- <mx:ApplicationControlBar dock="true">
- <mx:Button label="Draggable Alert"
- click="draggableAlert();" />
- <mx:Button label="Undraggable Alert"
- click="undraggableAlert();" />
- </mx:ApplicationControlBar>
- </mx:Application>
下面是Demo（可以右键或点击这里察看源代码）：
原文作者：Peter deHaan 翻译：minidxer
Topics:
Flex |
2 Comments » |
Tags: Alert, draggable, Flex, mouseDown, mouseMove, stopImmediatePropagation, undraggable
Trackbacks