Como definir um filme Caiu clipe para a posição de destino no AS3
clipes de filme Caiu são usados para criar o arrastar e soltar interatividade que você vê em muitos sites de comércio eletrônico on-line. Quando você arrasta um produto de uma prateleira virtual para o ícone de carrinho de compras e soltar o mouse, o programa registra uma venda e adiciona o produto para a fatura. Você pode querer posicionar automaticamente o produto no carrinho de modo que o cliente pode ver todos os produtos que você precisa purchased.Things
Adobe Flash Professional : versões CS3, CS4 ou CS5
mostrar 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 um projeto de animação Flash AS3 .
2
Selecione “Actions” no menu “Window” no menu principal do Flash bar para abrir o editor do 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 o código abaixo para criar um ícone de círculo para usar um produto para compra
cor var : . Uint = 0xff00ff;
produto
var : MovieClip = new MovieClip();
product.graphics.beginFill(color);
product.graphics.drawCircle(100,100,100);
product.graphics.endFill();
stage.addChild(product);
This código desenha um círculo ( o alvo para a posição ) , que é colocada sobre a fase de inflamação de coordenadas ( 100,100 ) e tem um raio de 100 pixels . Os métodos beginFill endFill e são usados para preencher o círculo com a cor magenta . O método addChild é usado para colocar o círculo na tela (estágio ), quando o filme é reproduzido .
3
Digite o código que começa na próxima linha do editor do ActionScript 3 para criar um retângulo . ícone para o carrinho de compras (o objeto que o alvo será descartado in)
var shoppingCart : Forma = new Shape();
shoppingCart.graphics.lineStyle(1);
shoppingCart.graphics.beginFill(color);
shoppingCart.graphics.drawRect(200,200,300, 300 );
shoppingCart.graphics.endFill ();
stage.addChild ( shoppingCart );
Este código desenha um retângulo que é colocado no palco do Flash nas coordenadas ( 200 , 200 ) que tem uma largura de 300 pixels e uma altura de 300 pixels . Os métodos beginFill e endFill são usados para preencher o retângulo com a cor magenta. O método addChild é usado para colocar o círculo na tela quando o filme será reproduzido.
4 Tipo
no código que começa na próxima linha do editor ActionScriot 3 para ativar o produto (o círculo ) de ser arrastado com o mouse
product.addEventListener ( MouseEvent.MOUSE_DOWN , itemSelected_fn );
função itemSelected_fn . ( buyEvent : MouseEvent ): void {
buyEvent.target.startDrag ();
product.addEventListener ( MouseEvent.MOUSE_UP , itemDeSelected_fn );
};
o código adiciona um ouvinte de evento do mouse para o círculo. O ouvinte de evento instrui o programa Flash para executar o código dentro do itemDeSelected_fn função quando o círculo é clicado. As instruções nesta função incluem o método startDrag . O startDrag é ligado ao destino da buyEvent (o círculo ), que irá ativar o mecanismo de arrastar no círculo. A função também adiciona um ouvinte de evento do mouse até o círculo que irá instruir o Flash para executar o código na função itemDeSelected_fn quando o botão do mouse foi lançado ( MOUSE_UP ) .
5 Tipo
no código começando na próxima linha do editor do ActionScript para mover o círculo ( o destino de soltar ) para as coordenadas (200 , 20) , quando o círculo é arrastado em cima do retângulo (carrinho de compras ) eo botão do mouse é liberado .
função itemDeSelected_fn ( buyEvent : MouseEvent ) : void {
if ( product.dropTarget == shoppingCart ) { product.x = 200; product.y = 20; buyEvent.target.stopDrag ( ); trace (” Você acabou de fazer uma venda “)} else { trace (” O produto não foi comprado “);
};
};
O código de função itemDeselected_fn recebe um evento do mouse para cima a partir do evento do mouse para cima ouvinte quando o botão do mouse foi liberado. A instrução “if” no código verifica se o mouse foi lançado quando o mouse estava sobre o carrinho de compras retangular. Se fosse, o código instrui o Flash para interromper a operação de arrastar ( stopDrag ) e para exibir a mensagem: ” Você acabou de fazer uma venda. ” Se o círculo foi ” não ” sobre o carrinho de compras retangular quando o cliente liberou o botão do mouse , a mensagem ” O produto foi comprado não ” será exibido .