Como criar um Navbar em AS3 Com Rollover Images
A barra de navegação , barra de navegação para o short, é muitas vezes usado para criar um site em Flash . Assim como uma barra de navegação em um site, uma barra de navegação do flash pode ser usado para conectar-se a diferentes páginas (frames) em seu filme Flash. Você também pode usar uma barra de navegação do Flash como um mapa do site para off- on-line ou slide-show apresentações. Usando o ActionScript 3 ( AS3) , a linguagem de programação Flash, para a criação de um site em Flash é um requisito para criar uma barra de navegação . AS3 , além de permitir que você crie facilmente uma barra de navegação , também permite que você facilmente criar uma barra de navegação com images.Things capotamento você precisa
Adobe Flash Professional : CS3 , CS4 ou CS5 versões
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 o seu navbar AS3 capotamento.
2
Selecione “Actions” no menu “Janela” na barra de menu principal do Flash 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 parar o filme do Flash de jogar na primeira imagem do filme de Flash
stop ();
3
digite o código que começa na próxima linha do editor do ActionScript 3 para criar e colocar um gráfico retangular vermelha no palco que está posicionado nas coordenadas do palco flash ( 50,50 ) , tem uma largura de 50 pixels , uma altura de 20 pixels e é desenhado com uma linha preta com uma largura de 4 pixels
var myButton : . MovieClip = new MovieClip();
myButton.graphics.lineStyle(4);
myButton.graphics.beginFill(0xFF0000);
myButton.graphics.drawRect(50, 50, 50 , 20);
myButton.graphics.endFill ();
addChild ( myButton );
4
Digite o código que começa na próxima linha do editor de ActionScript 3 para adicionar um clique do mouse evento ouvinte para o botão vermelho que irá instruir o Flash para ir ao “frame 2” do filme, quando o botão vermelho é clicado.
myButton.addEventListener ( MouseEvent.CLICK , frame2_fn );
função frame2_fn (event: MouseEvent ): void {
gotoAndStop (2);
};
5
Digite o código que começa na próxima linha do editor do ActionScript 3 para adicionar um ouvinte de evento do mouse de rolagem para o botão vermelho que irá instruir o Flash para executar as instruções dentro da função ” roll_over_fn ” quando o cursor do mouse é movido sobre o botão vermelho
myButton.addEventListener ( MouseEvent.ROLL_OVER , roll_over_fn ); .
6
Digite o código que começa na próxima linha do ActionScript 3 editor para criar a função e roll_over_fn . adicionar as instruções que irá adicionar um pequeno retângulo amarelo ( myButtonRoll ) dentro do botão vermelho quando o cursor do mouse é movido sobre o botão vermelho
função roll_over_fn (event: MouseEvent ): void {
var myButtonRoll : MovieClip = new MovieClip();
myButtonRoll.graphics.lineStyle(4);
myButtonRoll.graphics.beginFill(0xFFFF00);
myButtonRoll.graphics.drawRect(72, 55 , 10, 10);
myButtonRoll.graphics.endFill ();
myButton , addChild ( myButtonRoll );
};
7
Clique em ” Linha do Tempo ” no menu “Janela” na barra de menu principal flash. Posicione o mouse sobre ” Frame 2 ” na linha do tempo. Clique com o mouse para selecionar o quadro 2 . Clique com o botão direito do mouse e selecione “Inserir quadro-chave em branco ” a partir do menu de contexto.
8
Pressione e solte a tecla ” r” no seu teclado para ativar o desenho retângulo ferramenta . Posicione o cursor do mouse sobre o palco do Flash e arraste o mouse para desenhar um retângulo no palco. Solte o botão do mouse quando o retângulo tem uma largura de cerca de 2 centímetros .
9
Clique em ” Test Movie ” no menu “Control” para testar o seu programa de navegação do site Flash. Observe-se que o botão vermelho é apresentado na fase de inflamação . Posicione o mouse sobre o botão vermelho e observe que uma imagem retangular amarelo aparece dentro do botão vermelho. Clique no botão vermelho e observe que o retângulo que você criou no quadro 2 está agora no palco do Flash e do botão de navegação vermelho ainda está no palco.
10
Continue adicionando mais botões navbar com código AS3 . Use o código de botão semelhante ao já usado , mas usam nomes diferentes para os botões retangulares. Adicionar um botão de barra de navegação para cada página
(quadro) que você adicionar ao seu site em Flash ou apresentação.
