software Flash offre caratteristiche grafiche che può trasformare un triste , negozio online in un’entusiasmante esperienza di shopping per i vostri clienti animazioni , suoni e . Animazioni colorate , musica e grafica nitidi -looking aiuterà anche vendere i vostri prodotti . Indipendentemente da come si progetta il tuo negozio online, è necessario creare bersagli a caduta in ActionScript 3 ( AS3 ) , il linguaggio di programmazione Flash. Un target di rilascio in un negozio online è più spesso il carrello della spesa , l’oggetto in cui il cliente cade un acquisto . Più bersagli a caduta lasciate che i prodotti goccia cliente in diversi carrelli della spesa , che può rendere easier.Things di shopping online che ti serviranno
Adobe Flash Professional CS3 , CS4 o CS5 versioni
Mostra Altre istruzioni
1
Avviare il programma Flash. Fare clic su ” File Flash ( ActionScript 3.0 )” dalla finestra iniziale per creare un nuovo file per il bersagli a caduta multipla progetto AS3 Flash .
2
Selezionare “Azioni” dal menu “Finestra” sulle principali barra dei menu Flash per aprire l’editor di ActionScript 3 . Posizionare il cursore del mouse sulla prima riga dell’editor ActionScript 3 . Fare clic con il pulsante del mouse e digitare o copiare e incollare il codice seguente
var shoppingCart : . Shape = new Shape();
shoppingCart.graphics.lineStyle(1);
shoppingCart.graphics.beginFill(0xffff00);
shoppingCart.graphics.drawRect(200,200,100, 100);
shoppingCart.graphics.endFill ();
stage.addChild ( shoppingCart );
var shoppingCart2 : Shape = new Shape();
shoppingCart2.graphics.lineStyle(1);
shoppingCart2.graphics.beginFill(0x00ff00);
shoppingCart2.graphics.drawRect(400,200,100, 100);
shoppingCart2.graphics.endFill ();
stage.addChild ( shoppingCart2 );
Questo codice crea un giallo e un verde rettangolare carrello. Il metodo drawRect viene utilizzata per disegnare ciascuno dei rettangoli carrello . I primi due numeri nel metodo drawRect specificano la posizione ( in pixel ) dell’angolo inferiore destro del rettangolo e le seconde due numeri specificano la larghezza e l’altezza del rettangolo . I metodi beginFill e endFill vengono utilizzati per riempire il rettangolo con un colore ( ffff00 è per il giallo e 00FF00 è per il verde) .
3
digitare o copiare e incollare il seguente codice a partire da la successiva riga dell’editor ActionScript 3
var prodotto : . MovieClip = new MovieClip();
product.graphics.beginFill(0xff0000);
product.graphics.drawCircle(100,100,30);
product.graphics.endFill();
stage.addChild(product);
The codice disegna e inserisce un cerchio rosso sul palcoscenico il cui centro è posizionato sul palco Flash a coordinate ( 100.100 ) e ha un raggio di 30 pixel . Il metodo addChild pone il cerchio sul palco Flash .
4 Tipo
o copiare e incollare il seguente codice a partire dalla prossima riga dell’editor ActionScript 3 .
Product.addEventListener ( MouseEvent.MOUSE_DOWN , itemSelected_fn );
funzione itemSelected_fn ( buyEvent : MouseEvent ) : void
{
buyEvent.target.startDrag ();
prodotto . addEventListener ( MouseEvent.MOUSE_UP , itemDeSelected_fn );
};
il codice attacca un mouse listener di eventi al prodotto ( cerchio rosso) . Quando viene premuto il mouse mentre il cursore del mouse si trova sopra il prodotto , il cliente può trascinare il prodotto . Il listener di eventi passa l’oggetto prodotto attraverso la funzione itemSelected come obiettivo buyEvent . All’interno della funzione itemdeselected , un mouse fino evento ascoltatore viene aggiunto al prodotto . Quando il cliente rilascia il mouse , il codice nel itemDeselected_fn verrà eseguito .
5 Tipo
o copiare e incollare il seguente codice a partire dalla prossima riga dell’editor ActionScript 3 .
funzione itemDeSelected_fn ( buyEvent : MouseEvent ) : void {
se ( product.dropTarget == shoppingCart ) { product.x = 150; product.y = 150; buyEvent.target.stopDrag ( ); trace (” Questo articolo sarà inviato a casa vostra ” ) } else buyEvent.target.stopDrag ();
se ( product.dropTarget == shoppingCart2 ) { product.x = 350; product.y = 150; buyEvent.target.stopDrag ( ); trace ( “Questo articolo sarà trasmesso al vostro ufficio ” ) } else buyEvent.target.stopDrag ();
};
Quando il pulsante del mouse viene rilasciato dopo un’operazione di trascinamento , questo codice determina quale goccia di destinazione ( ShoppingCart o ShoppingCart2 ) il prodotto era finita quando il pulsante del mouse è stato rilasciato . Condizionale ” se ” vengono utilizzati dichiarazioni. Se il prodotto era sopra il giallo carrello della spesa il messaggio , ” Questo articolo sarà inviato a casa vostra , ” sarà visualizzato sul pannello di uscita di Flash. Se il prodotto è stato sopra il verde carrello della spesa il messaggio , ” Questo articolo sarà trasmesso al vostro ufficio , ” sarà visualizzato .
6
Fare clic su ” Prova filmato ” nel menu “Control” . Osservano che un cerchio rosso e un rettangolo giallo e verde sono sul palco Flash. Fare clic e trascinare il cerchio rosso sul rettangolo giallo . Osservare il messaggio ” Questo articolo sarà inviato a casa vostra ” viene visualizzato nel pannello Output . Fare clic e trascinare il cerchio rosso sul rettangolo verde . Osservare il messaggio ” Questo articolo sarà trasmesso al vostro ufficio ” viene visualizzato nel pannello Output .