Come impostare una destinazione di trascinamento in AS3

Impostazione di una destinazione AS3 goccia , che sta definendo un grafico che risponderà con un'azione quando un altro grafico viene trascinato su di esso, vi darà la possibilità di creare applicazioni carrello Flash . Questo perché quando la destinazione di rilascio è impostata come grafica , le azioni possono essere programmati a verificarsi quando un altro grafico viene trascinato sopra il bersaglio goccia grafico . Utilizzando l'obiettivo AS3 goccia richiede che si codificare la dichiarazione dropTarget e avere almeno due oggetti sul palco , la destinazione di rilascio grafiche e un oggetto si utilizza per trascinare negli graphic.Things destinazione di rilascio che vi serve
Adobe Flash Professional ( CS3 , CS4 , CS5 o )
Mostra Altre istruzioni
1

avviare il software Flash . Selezionare l'opzione "Nuovo " dal menu "File " sulla barra principale del menu Flash . Selezionare " ActionScript 3" dalla finestra di dialogo che appare per creare un nuovo file Flash AS3 .
2

Seleziona "Azioni" dal menu "Finestra" sulla barra principale del menu del flash. Posizionare il cursore del mouse sulla linea 1 nell'editor.
3

Dichiarare un cerchio e rettangolo oggetto filmato grafico utilizzando il codice AS3 . Fissare i metodi grafici drawRect e DrawCircle di film oggetti clip che è il nome "palla " e " squareColor " per disegnare un rettangolo e cerchio sul ( schermo) stage . Utilizzare il metodo " addChild " per posizionare il cerchio e il rettangolo sul palco . Digitare i seguenti codici di linee nell'editor Azioni per disegnare e posizionare questi oggetti

var color : . Uint = 0xFF00FF ;
palla

var : MovieClip = new MovieClip();

ball.graphics.beginFill(color);

ball.graphics.drawCircle(100,100,100)

ball.graphics.endFill()

stage.addChild(ball)

var squareColor : Shape = new Shape ();

squareColor.graphics.lineStyle ( 1 ) //assicurarsi che il comando lineStyle precede la drawCircle command

squareColor.graphics.beginFill(color);

squareColor.graphics.drawRect(200,200,300, 300 )

squareColor.graphics.endFill ( )

stage.addChild ( squareColor )
4

Aggiungi un " MOUSE_DOWN " listener di eventi per la sfera ( cerchio) oggetto con il metodo addEventListener . Nominare la funzione " itemSelected_fn " che il listener di eventi chiama . Codice della funzione itemSelected tale che, quando viene premuto il pulsante del mouse quando sopra l'oggetto palla , è possibile trascinare il mouse tenendo premuto il pulsante del mouse e spostando fisicamente il mouse. Codificare anche un listener di eventi in questa funzione che chiamerà una funzione denominata itemDeSelected_fn quando il pulsante del mouse viene rilasciato (noto anche come MOUSE_UP ) . Digitare il codice AS3 elencato di seguito nell'editor della azione nella riga successiva dopo il codice già digitato per raggiungere questo obiettivo .

Ball.addEventListener ( MouseEvent.MOUSE_DOWN , itemSelected_fn )

funzione itemSelected_fn ( myEvent : MouseEvent ) : void

{

myEvent.target.startDrag ();

stage.addEventListener ( MouseEvent.MOUSE_UP , itemDeSelected_fn ) ;

}
5

codice il metodo dropTarget in una funzione denominata itemDeselected tale che il codice rimuoverà la palla dal palco se la palla viene posizionato nell'oggetto squareColor e il pulsante del mouse viene rilasciato . Codificare anche la funzione tale che visualizzerà il messaggio di testo " articolo restituito , nessuna vendita " se il pulsante del mouse viene rilasciato quando la palla non è all'interno dei limiti dell'oggetto squareColor . Digitare il codice qui sotto seguendo le altre linee già entrato per raggiungere questo

itemDeSelected_fn ( myEvent : MouseEvent ) : .

Void {

se ( ball.dropTarget == squareColor ) { stage.removeChild ( palla) } else { trace (" articolo restituito , No Sale" )

}
6

Rivedere l' intero codice inserito , come elencato di seguito , per la sintassi errori e funzionalità . Selezionare l'icona " segno blu di controllo" nella barra dei menu dell'editor delle Azioni ' per avere assegno ActionScript per errori di sintassi

var color: uint = 0xFF00FF ;
palla

var . MovieClip = new MovieClip();

ball.graphics.beginFill(color);

ball.graphics.drawCircle(100,100,100)

ball.graphics.endFill()

stage.addChild(ball)

var squareColor : Shape = new Shape ();

squareColor.graphics.lineStyle ( 1 ) //assicurarsi che il comando lineStyle precede la drawCircle command

squareColor.graphics.beginFill(color);

squareColor.graphics.drawRect(200,200,300, 300)

squareColor.graphics.endFill()

stage.addChild(squareColor)

ball.addEventListener(MouseEvent.MOUSE_DOWN, itemSelected_fn )

funzione itemSelected_fn ( myEvent : MouseEvent ) : void

{

myEvent.target.startDrag ();

stage.addEventListener ( MouseEvent. MOUSE_UP , itemDeSelected_fn ) ;

}
7

Selezionare l'opzione " TestMovie " dal menu "Control " sulla barra principale del menu Flash per provare il filmato . Posizionare il cursore del mouse sopra la palla , premere il tasto destro del mouse e trascinare la palla in una nuova posizione che non sia sulla piazza . Rilasciare il pulsante del mouse e osservare che il messaggio di testo " articolo restituito , No Vendita " appare . Posizionare il cursore del mouse sopra la palla ancora una volta , premere il tasto destro del mouse e trascinare la palla sulla parte superiore della piazza . Rilasciate il pulsante del mouse e osservare che la sfera viene rimossa dallo schermo.