Como definir múltiplos destinos de soltar em AS3
Software instantâneo oferece animação, som e recursos gráficos que podem se transformar , uma loja on-line monótono em uma excitante experiência de compras para seus clientes. Animações coloridas , música e gráficos nítidos com aparência também vai ajudar a vender seus produtos. Independentemente de como você projeta a sua loja online , você vai precisar para criar metas de gota em ActionScript 3 (AS3 ), a linguagem de programação Flash. Um destino de soltar em uma loja on-line é o mais frequentemente o carrinho de compras , o objeto em que o cliente deixa cair uma compra. Vários destinos de soltar deixar os produtos gota cliente em diferentes carrinhos de compras , que pode fazer easier.Things de compras online que você precisa
Adobe Flash Professional CS3, CS4 ou CS5 versões
Show Mais instruções
1
Inicie o programa flash. Clique em “Arquivo Flash (ActionScript 3.0 ) ” da janela de abertura para criar um novo arquivo para o projeto alvos soltar vários AS3 Flash.
2
Selecione “Actions” no menu “Window” na principal barra de menu do Flash para abrir o editor de ActionScript 3 . Posicione o cursor do mouse sobre a primeira linha do editor do ActionScript 3. Clique com o botão do mouse e digite ou copie e cole o código abaixo
var shoppingCart : . Forma = 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 : Forma = new Shape();
shoppingCart2.graphics.lineStyle(1);
shoppingCart2.graphics.beginFill(0x00ff00);
shoppingCart2.graphics.drawRect(400,200,100, 100);
shoppingCart2.graphics.endFill ();
stage.addChild ( shoppingCart2 );
Este código cria um amarelo e um carrinho de compras retangular verde. O método drawRect é usada para desenhar cada um dos retângulos do carrinho de compras . Os dois primeiros números do método drawRect especificar a posição (em pixels) do canto inferior direito do retângulo eo segundo dois números especificar a largura ea altura do retângulo. Os métodos beginFill e endFill são usados para preencher o retângulo com uma cor ( ffff00 é para amarelo e 00ff00 é para verde).
3
Digite ou copie e cole o seguinte código a partir de a próxima linha do editor de ActionScript 3
produto var : . MovieClip = new MovieClip();
product.graphics.beginFill(0xff0000);
product.graphics.drawCircle(100,100,30);
product.graphics.endFill();
stage.addChild(product);
The código desenha e coloca um circulo vermelho no palco , cujo centro está posicionado sobre a fase de inflamação de coordenadas ( 100,100 ) e tem um raio de 30 pixels . O método addChild coloca o círculo no palco Flash.
4 Tipo
ou copie e cole o seguinte código que começa na próxima linha do editor do ActionScript 3.
Product.addEventListener ( MouseEvent.MOUSE_DOWN , itemSelected_fn );
função itemSelected_fn ( buyEvent : MouseEvent ): void {
buyEvent.target.startDrag ();
produto . addEventListener ( MouseEvent.MOUSE_UP , itemDeSelected_fn );
};
o código atribui um ouvinte de evento do mouse para baixo para o produto (o círculo vermelho). Quando o mouse é pressionado enquanto o cursor do mouse está sobre o produto , o cliente pode arrastar o produto. O ouvinte de evento passa o objeto do produto através da função itemSelected como alvo buyEvent . Dentro da função itemdeselected , um evento de rato ouvinte se é adicionado ao produto . Quando o cliente libera o mouse, o código na itemDeselected_fn será executado.
5 Tipo
ou copie e cole o seguinte código que começa na próxima linha do editor do ActionScript 3.
função itemDeSelected_fn ( buyEvent : MouseEvent ) : void {
if ( product.dropTarget == shoppingCart ) { product.x = 150; product.y = 150; buyEvent.target.stopDrag (); trace (” Este item será enviado para sua casa ” ) } else buyEvent.target.stopDrag ();
if ( product.dropTarget == shoppingCart2 ) { product.x = 350; product.y = 150; buyEvent.target.stopDrag (); trace (” Este item será enviado para o seu escritório ” ) } else buyEvent.target.stopDrag (); }
;
Quando o botão do mouse é liberado depois de uma operação de arrastar , este código determina que soltar alvo ( ShoppingCart ou ShoppingCart2 ) o produto havia terminado quando o botão do mouse foi liberado. Condicional “se” instruções são utilizados . Se o produto estava sobre o amarelo carrinho de compras a mensagem: ” Este item será enviado para sua casa , ” será exibido no painel de saída do Flash. Se o produto foi sobre o carrinho de compras verde a mensagem: ” Este item será enviado para o seu escritório, ” será exibido .
6
Clique em ” Test Movie ” no menu “Control” . Observe-se que um círculo vermelho e um retângulo amarelo e verde estão no palco do Flash. Clique e arraste o círculo vermelho sobre o retângulo amarelo. Observe a mensagem ” Este item será enviado para sua casa ” é exibido no painel de saída. Clique e arraste o círculo vermelho sobre o retângulo verde. Observe a mensagem ” Este item será enviado para o seu escritório ” é exibido no painel de saída.