Come impostare un Movie Clip Dropped la sua posizione di destinazione in AS3

filmati Dropped vengono usati per creare il drag and drop interattività che si vede su molti siti di e-commerce online. Quando si trascina un prodotto da uno scaffale virtuale per l'icona del carrello della spesa e rilascia il mouse, il programma registra una vendita e aggiunge il prodotto alla fattura . Si consiglia di posizionare automaticamente il prodotto nel carrello in modo che il cliente possa vedere tutti i prodotti purchased.Things che ti serviranno
Adobe Flash Professional : versioni CS3 , CS4 o CS5

Mostra Altre istruzioni

1

Avviare il programma Flash. Fare clic su " File Flash ( ActionScript 3.0 )" dalla finestra iniziale per creare un nuovo file di un progetto di animazione Flash AS3 .
2

Seleziona "Azioni" dal menu "Finestra" nel menu principale di Flash bar per aprire l'editor ActionScript 3 . Posizionare il cursore del mouse sulla prima riga dell'editor ActionScript 3 . Fare clic con il pulsante del mouse , e digitare il codice qui sotto per creare un icona circolare da utilizzare per un prodotto da acquistare

var color : . Uint = 0xFF00FF ; product

var : MovieClip = new MovieClip();

product.graphics.beginFill(color);

product.graphics.drawCircle(100,100,100);

product.graphics.endFill();

stage.addChild(product);

This codice disegna un cerchio ( la porta di posizione) che viene posto sul piatto Flash a coordinate ( 100,100 ) e ha un raggio di 100 pixel . I metodi beginFill e endFill vengono utilizzati per riempire il cerchio con il colore magenta . Il metodo addChild viene utilizzato per posizionare il cerchio sullo schermo (stadio ) quando il film gioca.
3

Digitare il codice a partire dalla prossima riga dell'editor ActionScript 3 per creare un rettangolo . icona per il carrello della spesa (l'oggetto che l'obiettivo verrà abbandonato in )

var carrello: Shape = new Shape();

shoppingCart.graphics.lineStyle(1);

shoppingCart.graphics.beginFill(color);

shoppingCart.graphics.drawRect(200,200,300, 300) ;

shoppingCart.graphics.endFill ();

stage.addChild ( shoppingCart ) ;

Questo codice disegna un rettangolo che viene immesso sul palco Flash alle coordinate ( 200 , 200) che ha una larghezza di 300 pixel e un'altezza di 300 pixel . I metodi beginFill e endFill vengono utilizzati per riempire il rettangolo con il colore magenta . Il metodo addChild viene utilizzato per posizionare il cerchio sullo schermo quando il film viene riprodotto .
4

Digita il codice a partire dalla prossima riga dell'editor ActionScriot 3 per attivare il prodotto ( il cerchio ) essere trascinati con il mouse

product.addEventListener ( MouseEvent.MOUSE_DOWN , itemSelected_fn ) ;

funzione itemSelected_fn . ( buyEvent : MouseEvent ) : void

{

buyEvent.target.startDrag ( ) ;

product.addEventListener ( MouseEvent.MOUSE_UP , itemDeSelected_fn ) ;

};

il codice aggiunge un listener di eventi del mouse al cerchio. Il listener di eventi indica al programma Flash per eseguire il codice all'interno della funzione itemDeSelected_fn quando si fa clic sul cerchio. Le istruzioni contenute in questa funzione includono il metodo startDrag . Il startDrag è attaccato alla destinazione del buyEvent ( il Cerchio ), che attiverà il meccanismo di trascinamento sul cerchio . La funzione aggiunge anche un evento del mouse fino listener al cerchio che istruirà Flash per eseguire il codice nella funzione itemDeSelected_fn quando il pulsante del mouse è stato rilasciato ( MOUSE_UP ) .
5

Digita il codice di partenza alla prossima riga dell'editor ActionScript per spostare il cerchio ( la destinazione di rilascio ) alle coordinate (200 , 20) quando il cerchio viene trascinato sopra il pulsante del mouse rettangolo ( carrello della spesa) e viene rilasciato .

funzione itemDeSelected_fn ( buyEvent : MouseEvent ) : void {

se ( product.dropTarget == shoppingCart ) { product.x = 200; product.y = 20; buyEvent.target.stopDrag ( ) ; trace (" Hai appena fatto una vendita ")} else { trace ( "Il prodotto non è stato acquistato ");

};

};

Il codice funzione itemDeselected_fn riceve un evento del mouse su dal mouse verso l'alto listener di eventi quando il pulsante del mouse è stato rilasciato . L '" if" nel codice verifica per vedere se il mouse è stato rilasciato quando il mouse era finita rettangolare carrello. Se fosse , il codice indica a Flash di interrompere l'operazione di trascinamento ( stopDrag ) e per visualizzare il messaggio : "Hai appena fatto una vendita . " Se il cerchio "non era " al di sopra del rettangolo carrello quando l'acquirente ha rilasciato il pulsante del mouse , il messaggio "Il prodotto non è stato acquistato " sarà visualizzato .