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.