Como fazer Rollout Botões para Clipes Flash Movie
Fazer um botão de lançamento para clipes de filme do Flash permite detectar quando o cursor do mouse foi movido para fora dos limites de um botão. Você pode então adicionar funcionalidade interativa rollout comum, como adição e remoção de mensagens dica de ferramenta. Além de remover automaticamente uma dica de ferramenta , você também pode programar o botão lançamento para exibir as instruções do jogo , mudar a cor do botão em si , ou desabilitar a função de distribuição em outro botão. Uma vez que você sabe como fazer um botão de lançamento , você terá o básico necessário para também fazer rollover e clique buttons.Things você precisa
Adobe Flash Professional ( CS3, CS4 ou CS5 versões )
Mostrar mais instruções
1
Inicie o programa flash. Clique em ” Novo” do menu ” Arquivo” na barra de menu principal Flash. Clique no tipo de arquivo “Arquivo Flash (ActionScript 3.0 ) a partir do ” novo documento ” caixa de diálogo que aparece. Clique no botão” OK ” para fechar esta caixa de diálogo .
2
Selecione a opção” Actions ” a partir do menu “Janela” na barra de menu principal do Flash para abrir a “Ações” editor. Posicione o cursor do mouse sobre a primeira linha do editor de código ações.
3
Declare um ” MovieClip ” objeto para usar como um botão. especifique a forma de botão como um retângulo com o” drawRect ” método e adicioná-lo para o palco com o” método addChild ” . Digite o código abaixo para o editor de ações para especificar esta forma de retângulo (o botão ) terá (“nome da instância” ) um nome de ” buttonRoll ” e serão os seguintes: . um MovieClip , desenhado com uma linha de 1 pixel de largura fronteira , a cor vermelha , 50 pixels de altura e 100 pixels de comprimento, posicionado no o palco do flash coordenar posição no grid ( 200,200 ) , e será colocado no palco quando o filme é reproduzido Aqui está o código : .
var buttonRoll : MovieClip = new MovieClip();
buttonRoll.graphics.lineStyle(1);
buttonRoll.graphics.beginFill(0xFF0000);
buttonRoll.graphics.drawRect(200,200, 100, 50 );
buttonRoll.graphics.endFill ();
stage.addChild ( buttonRoll );
4
Anexar um ouvinte de eventos para o ” buttonRoll “objeto com o” addEventListener ” método. Especifique o ” ROLL_OUT ” evento de mouse como o primeiro parâmetro na ” addEventListener ” método. Especifique uma função chamada ” buttonRollout + fn ” como o segundo parâmetro no” addEventListener ” method.Type o código listados abaixo para o editor de ações para codificar este ouvinte de evento :
buttonRoll.addEventListener ( MouseEvent.ROLL_OUT , buttonRollOut_fn )
5
Declare a função ” buttonRollOut_fn ” na próxima linha do editor ações. modo que uma mensagem será exibida depois que o cursor do mouse deixa os limites do botão retangular vermelho. Dentro do código de função , incluir uma declaração de “trace” que irá exibir a mensagem ” você se moveu para fora dos limites do botão. ” digite o código, conforme listado abaixo , no editor de ações para declarar a função e adicionar a funcionalidade de rastreamento
função buttonRollOut_fn . ( eventOne : MouseEvent ) : void {
trace (” você se moveu fora dos limites do botão ” ) };
6
Revise o código completo que você digitou , conforme listado abaixo , por erros de sintaxe e corrigi-los , se necessário. Copie e cole este código no editor de Ações, caso ainda não o tenha digitado -lo dentro
var buttonRoll : MovieClip = new MovieClip();
buttonRoll.graphics.lineStyle(1);
buttonRoll.graphics.beginFill(0xFF0000);
buttonRoll.graphics.drawRect(200,200, 100 , 50);
buttonRoll.graphics.endFill();
stage.addChild(buttonRoll);
buttonRoll.addEventListener(MouseEvent.ROLL_OUT, buttonRollOut_fn )
função buttonRollOut_fn ( eventOne : MouseEvent ) : void {
trace (” você se moveu para fora dos limites do botão “)};
7
Click a opção ” TestMovie ” no menu “Control” na barra de menu principal do Flash para reproduzir a animação . Mova o cursor do mouse sobre o botão e , em seguida, para fora de seus limites. Observa-se que a mensagem que você entrou no comando trace – ” você se moveu para fora dos limites do botão ” – ” . Painel Output” será exibido no
