I’ve got a drag and drop application that needs some attention…
I’d like the drop target array to be “remembered” with a shared object - this way, when the SWF starts up again, the objects are either on the drop targets where they left off or are where they were placed originally.
I’ve also attached the FLA for this and the code is below.
If anyone could help out that would be awesome!
import fl.transitions.;
import fl.transitions.easing.;
import flash.display.;
import flash.events.;
import draganddrop.*;
// set up variables
// dropTargetNumber is one way of handling naming convention for the drop targets.
var dropTargetNumber:int = 0;
// create the drop targets
createDropTarget(scale1,0,0,40,20);
createDropTarget(scale2,0,0,40,20);
createDropTarget(scale3,0,0,40,20);
createDropTarget(scale4,0,0,40,20);
// make the appropriate objects draggable
makeDraggable(weight1);
makeDraggable(weight2);
makeDraggable(weight3);
makeDraggable(weight4);
// set up an array that determines the front-to-back positioning of the items contained within
var layerArray:Array = new Array;
layerArray.push(weight3);
layerArray.push(weight2);
layerArray.push(weight1);
layerArray.push(weight4);
layerArray.push(scaleReading1);
layerArray.push(scaleReading2);
layerArray.push(scaleReading3);
layerArray.push(scaleReading4);
// This function sets up a given MovieClip to make it draggable
function makeDraggable(mc:MovieClip) {
mc.prevX = mc.x;
mc.prevY = mc.y;
mc.buttonMode = true;
mc.addEventListener(MouseEvent.MOUSE_DOWN, clipPressHandler);
mc.addEventListener(MouseEvent.MOUSE_UP, clipReleaseHandler);
}
// This function creates a single drop target on top of the given MovieClip
function createDropTarget(mc:MovieClip,extraWidth:int,extraHeight:int,offsetX:int,offsetY:int){
var target:dragDropTarget = new dragDropTarget();
target.createMCDropTarget(mc,extraWidth,extraHeight);
dropTargetNumber ++;
target.x = target.x + offsetX;
target.y = target.y + offsetY;
target.name = “target” + (dropTargetNumber);
// trace ("Created dropbox: " + target.name);
this.addChild(target);
}
// Handles the mouse click
function clipPressHandler(e:MouseEvent):void {
var mc;
mc = e.target;
addChild(mc);
if (mc.assignedDropBox != null){
mc.assignedDropBox.retrieveMC();
mc.assignedDropBox.storedMC = null;
}
mc.startDrag(true);
mc.buttonMode = true;
mc.addEventListener(MouseEvent.MOUSE_MOVE, clipMoveHandler);
mc.addEventListener(MouseEvent.MOUSE_DOWN, clipPressHandler);
mc.addEventListener(MouseEvent.MOUSE_UP, clipReleaseHandler);
}
// Handles the mouse release
function clipReleaseHandler(e:MouseEvent):void {
var mc:MovieClip = e.target as MovieClip;
mc.stopDrag();
//mc.removeEventListener(MouseEvent.MOUSE_MOVE, clipMoveHandler);
checkForDropTarget(mc);
}
// Smoothes out the dragging of objects
function clipMoveHandler(e:MouseEvent):void {
e.updateAfterEvent();
}
// Handles the drop portion of the drag and drop
function checkForDropTarget(pMC:MovieClip):void {
// trace(pMC.dropTarget.name);
if(pMC.dropTarget == null){
pMC.x = pMC.prevX;
pMC.y = pMC.prevY;
return;
}
if(pMC.dropTarget.name.substr(0,6) == “target”) {
if (pMC.dropTarget.isFull == true){
// trace(“Drop target is full!”);
pMC.x = pMC.prevX;
pMC.y = pMC.prevY;
return;
}
else{
// trace("Dropped in: " + pMC.dropTarget.name);
pMC.dropTarget.storeMC(pMC);
pMC.x = pMC.dropTarget.x;
pMC.y = pMC.dropTarget.y - 25;
correctLayers(layerArray);
}
}
else {
// trace(“Dropped outside handler”);
returnMC(pMC);
}
}
// Given an Array, use addChild() to put them in the appropriate front-to-back order
function correctLayers(itemArray:Array){
for (i=0;i<itemArray.length; i++){
this.addChild(itemArray*);
}
}
// Handles the Tween of a given MovieClip to its original position
function returnMC(mc:MovieClip){
var xTween = new Tween(mc,“x”,Regular.easeOut,mc.x,mc.prevX,1,true);
var yTween = new Tween(mc,“y”,Regular.easeOut,mc.y,mc.prevY,1,true);
correctLayers(layerArray);
}
stop();
And, here’s the drag and drop class:
package draganddrop{
import flash.display.*;
public class dragDropTarget extends MovieClip{
// This function creates a single drop target MovieClip
public function dragDropTarget(){
}
public var graphicsMC:MovieClip;
public var storedMC:MovieClip;
public var isFull:Boolean;
public function createMCDropTarget(mc:MovieClip,extraWidth:int,extraHeight:int) {
graphicsMC = mc;
var g:Graphics = this.graphics;
g.beginFill(0xFFFFFF, 1);
g.lineStyle(1, 0, 1);
g.drawRect((0-(mc.width+extraWidth)/2),(0-(mc.height+extraHeight)/2),(mc.width+extraWidth),(mc.height+extraHeight));
g.endFill();
this.x = mc.x;
this.y = mc.y;
// trace(“x=”+this.x+", y="+this.y+", width="+this.width+", height="+this.height);
this.alpha = 0;
// isFull = false;
}
public function createDropTarget(dropWidth:int,dropHeight:int) {
var g:Graphics = this.graphics;
g.beginFill(0xFFFFFF, 1);
g.lineStyle(1, 0, 1);
g.drawRect((0-dropWidth/2),(0-dropHeight/2),dropWidth,dropHeight);
g.endFill();
isFull = false;
}
public function storeMC(mc:MovieClip):void{
// Puts a MovieClip inside the dropBox
if (isFull){
// trace(this.name + “.storedMC full!”);
return;
}
else{
// trace("stored " + mc.name + " to " + this.name + “.storedMC”);
mc.assignedDropBox = this;
// trace (mc.assignedDropBox);
storedMC = mc;
isFull = true;
}
}
public function retrieveMC(){
// Returns the MovieClip stored in the dropBox
if (isFull == false){
// trace(this.name + “.storedMC empty!”);
return;
}
else{
// trace("retrieved " + storedMC.name + " from " + this.name + “.storedMC”);
isFull = false;
return storedMC;
}
}
}
}
