MACROMEDIA FLEX 2-MIGRATING APPLICATIONS TO FLEX 2 Manuel d'utilisateur télécharger pdf (Page 179)

Using the drag-and-drop feature 179

Flex 2:

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">

<mx:Script><![CDATA[

import mx.managers.DragManager;

// Import events package for MouseEvent:

import mx.events.*;

// Specify types for all arguments:

function dragIt(event:MouseEvent, text:String, format:String) {

var ds:mx.core.DragSource = new mx.core.DragSource();

ds.addData(text, format);

// New doDrag signature:

DragManager.doDrag(event.target, ds, event);

}

function doDragEnter(event:DragEvent) {

if (event.dragSource.hasFormat('color')) {

/? For a drop target to accept an item for dropping, it calls the

// acceptDragDrop() method and does not use the

// event.handled property:

DragManager.acceptDragDrop(event.target);

}

function doDragDrop(event:DragEvent) {

var data:Object = event.dragSource.dataForFormat('color');

myCanvas.setStyle("backgroundColor", data);

}

]]></mx:Script>

<mx:HBox>

<mx:Canvas backgroundColor="#FF0000" borderStyle="solid" width="30"

height="30" mouseMove="dragIt(event, 'red', 'color')"/>

<mx:Canvas backgroundColor="#00FF00" borderStyle="solid" width="30"

height="30" mouseMove="dragIt(event, 'green', 'color')"/>

</mx:HBox>

<mx:Label text="Drag the item into this canvas"/>

<mx:Canvas id="myCanvas" backgroundColor="#FFFFFF" borderStyle="solid"

width="100" height="100" dragEnter="doDragEnter(event)"

dragDrop="doDragDrop(event)"/>

</mx:Application>

1 2 ... 174 175 176 177 178 179 180 181 182 183 184

Pas de commentaire

MACROMEDIA FLEX 2-MIGRATING APPLICATIONS TO FLEX 2 Manuel d'utilisateur Page 179